RequireJS 是一個ECMAScript模塊加載器。它非常適合在瀏覽器中使用，但它也可以用在其他腳本環境，就像 Rhinoceros and Node。使用RequireJS加載模塊化腳本將提高代碼的加載速度和質量。
瀏覽器的兼容情況如下:
IE 6+ .......... 兼容 ?
Firefox 2+ ..... 兼容 ?
Safari 3.2+ .... 兼容 ?
Chrome 3+ ...... 兼容 ?
Opera 10+ ...... 兼容 ?
最新版本: 2.3.11
正文
開始使用 REQUIREJS
??獲取 RequireJS
??添加 RequireJS
??優化
注意: 如果你使用 jQuery, 這里是針對 jQuery 的教程
獲取 REQUIREJS 1
去下載頁面下載文件。
添加 REQUIREJS
注意: 關于 jQuery 集成的意見, 請看jQuery 集成頁面
假定你的項目中 ECMAScript 都放在一個 "scripts" 目錄。例如, 你的項目中有一個 project.HTML 頁面和一些 scripts, 目錄布局如下：
??項目目錄/
??util.js
??main.js
??helper/
??project.html
??scripts/
添加 require.js 到 scripts 目錄, 如下:
??項目目錄/
??util.js
??main.js
??require.js
??helper/
??project.html
??scripts/
為了充分利用的優化工具，建議您將所有的scripts放到的HTML外面, 然后只引用 require.js 來請求加載你其它的scripts:
在 main.js, 你可以使用 require() 來加載所有你需要運行的scripts. 這可以確保你所有的scripts都是在這里加載的, 你可以指定 data-main script 使用異步加載.
加載 helper/util.js 腳本. 想要充分利用 RequireJS, 請看API 文檔去了解更多相關定義和模塊的使用
優化 3
如果你最終決定在你在代碼中使用, 可以使用優化結合 ECMAScript 文件來減少加載時間 在上面的例子中, 你可以結合 main.js 和 helper/util.js 加到一個文件中.
參考資料 >