使用require.js的正确方法

时间:2013-05-21 02:12:58

标签: requirejs

//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);
   })
}

我是否正确使用了require.js?通过添加每个新的外部脚本(例如Multiply.js),我将在some.html中声明新位置,或者它实际上是否违背了require.js的目的?任何指南都会很棒

2 个答案:

答案 0 :(得分:1)

define在RequireJS中定义了一个模块。假设您希望Mutliply.js成为您的实际程序入口点,则需要使用require而不是定义。

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

这是a nice tutorial on RequireJS

答案 1 :(得分:1)

您无需为加载的每个文件添加脚本标记。这是requireJs的工作。正确的方法:

//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);
   })
}