Requirejs2.0笔记

API http://requirejs.org/

RequireJS 插件 http://requirejs.org/docs/api.html#plugins


 

require.js脚本的异步加载

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

 

②路径配置

require.config({
  baseUrl: "js/lib",
  paths: {
    "jquery": "jquery.min",
    "underscore": "underscore.min",
    "backbone": "backbone.min"
  }
});
  • baseUrl:设定基目录
  • paths:指定路径

③模块定义

define([‘myLib‘], function(myLib){
  function foo(){
    myLib.doSomething();
  }
  return {
    foo : foo
  };
}); 

 

④模块加载

require([‘jquery‘, ‘underscore‘, ‘backbone‘], function ($, _, Backbone){
  // some code here
}); 

⑤jQuery插件

require.config({
    baseUrl: "../Scripts"
    , paths: {
        jquery: "jquery.min"
    }
    ,shim: {
        ‘jquery.orbit‘: {
            deps: [‘jquery‘]
        }
    }
});

重点在于shim的使用。

上面的例子,jquery.orbit是插件文件的路径

deps:指定依赖的模块

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。