requirejs - 使用 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

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

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

这是RequireJS 的一个很好的教程。

Answer 2

您不需要为加载的每个文件添加脚本标记。那是 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);
   })
}