<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="require.js"></script>
    <script type="text/javascript">
      require(["js/a"], function(){
        alert("load finished");
      });
    </script>
  </head>
  <body>
   body
  </body>
</html>

step 2

require.config是用來配置模塊加載位置

如果固定的位置比較長(zhǎng)，可以使用 baseUrl : "js"，則paths中就不用寫js了

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="require.js"></script>
    <script type="text/javascript">
      require.config({
        paths : {
          "jquery" : ["http://vs.thsi.cn/js/jquery-1.7.2.min", "js/jquery"],
          "a" : "js/a"        
        }
      });

      require(["jquery", "a"], function(){
        alert("load finished");
      });
    </script>
  </head>
  <body>
   body
  </body>
</html>

step 3

step 2中重復(fù)出現(xiàn)了require.config配置，如果每個(gè)頁(yè)面中都加入配置，就顯得不大好了，requirejs提供了一種叫"主數(shù)據(jù)"的功能

創(chuàng)建一個(gè)main.js把step 2中require.config放到main.js中

<script data-main="js/main" src="js/require.js"></script>

step 4

通過require加載的模塊一般都需要符合AMD規(guī)范即使用define來申明模塊，但是部分時(shí)候需要加載非AMD規(guī)范的js，這時(shí)候就需要用到另一個(gè)功能：shim

require.config({
  shim: {
    "underscore" : {
      exports : "_";
    },
    "jquery.form" : ["jquery"]
  }
});
require(["jquery", "jquery.form"], function($){
  $(function(){
    $("#form").ajaxSubmit({...});
  })
});

以上就是小編為大家?guī)淼年P(guān)于RequireJS的簡(jiǎn)單介紹即使用方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~

您可能感興趣的文章: