javascript – RequireJS – 紀錄簡單的安裝方式
這裡紀錄比較萬用的方式。太簡單的方法,雖然簡單,但是會遇到很多問題。所以這裡只介紹比較好用的方法。
index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Require JS</title> <!-- 引用 require.js 檔案, 並添加 data-main 作為設定的入口。 --> <script src="js/lib/require.js" data-main="js/main"></script> </head> <body> </body> </html> |
js/main.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
//進行設定 requirejs.config({ // 基本位置 baseUrl: 'js', // 別名 paths: { app: 'application', //如果以 app 開頭的話, 會轉換成 js/application/ global: 'application/global' //如果以 global 開頭的話, 會轉換成 js/application/global.js } }) //開始引用檔案 requirejs([ 'global', // global 開頭,所以轉換後,會去讀取 "js/application/global.js" 'app/one', // app 開頭,所以轉換後,會去讀取 "js/application/one.js" 'app/two', // app 開頭,所以轉換後,會去讀取 "js/application/two.js" 'app/three', // app 開頭,所以轉換後,會去讀取 "js/application/three.js" ], function (){ //全部都讀取完以後,會呼叫。 console.log("SUCCESS") }) |
Comments