CODEWITHSUNDEEP
requirejs
Se0ng11
Se0ng11

Reputation: 2333

proper way of using require.js

//some.html
<script data-main="./Scripts/Main.js"  src="./Scripts/lib/require.js" ></script>
<script src="./Scripts/Multiply.js">

//Multiply.js
define('Main'.['jquery'], function($){
   $(document).ready(, function(){
      var sum = 1*1;
      $('#some').val(sum);
   })
}

Did I use require.js correctly? by adding each new external script(example Multiply.js), I will declare the new location in some.html, or it actually defeat the purpose of require.js? Any guideline will be great

Upvotes: 1

Views: 115

Answers (2)

basarat
basarat

Reputation: 275849

You do not need to add a script tag for each file you load. That is a job of requireJs. Proper way: 

//some.html
<script data-main="./Scripts/Main.js"  src="./Scripts/lib/require.js" ></script>

// Main js should load multiply for you: 
define(['./Multiply'], function(multiply){
}

//Multiply.js
define(['jquery'], function($){
   $(document).ready( function(){
      var sum = 1*1;
      $('#some').val(sum);
   })
}

Upvotes: 1

Benjamin Gruenbaum
Benjamin Gruenbaum

Reputation: 276306

define defines a module in RequireJS . Assuming you want Mutliply.js to be your actual program entry point, you need to use require instead of define.

require(['jquery'], function($){
   $(document).ready(, function(){
      var sum = 1*1;
      $('#some').val(sum);
   });
});

Here is a nice tutorial on RequireJS.

Upvotes: 1

Related Questions