開始使用 REQUIREJS
• 獲取 RequireJS
• 添加 RequireJS
• 最佳化
注意: 如果你使用 jQuery, 這裡是針對 jQuery 的教程
獲取 REQUIREJS 1
去 下載頁面下載檔案。
添加 REQUIREJS
注意: 關於 jQuery 集成的意見, 請看jQuery 集成頁面
假定你的項目中 JavaScript 都放在一個 "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
如果你最終決定在你在代碼中使用, 可以使用最佳化結合 JavaScript 檔案來減少載入時間. 在上面的例子中, 你可以結合 main.js 和 helper/util.js 加到一個檔案中.