Requirejs2.0筆記

標籤：style   blog   http   color   io   os   使用   ar   strong   

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：指定依賴的模組

 

Requirejs2.0筆記