正确使用require.js

Question

//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的目的？任何指导方针都会很棒

Answer 1

您不需要为加载的每个文件添加脚本标签。这是一项需要is的工作。正确的方式：

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

Answer 2

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

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

这是a nice tutorial on RequireJS。