使用r.js壓縮整個項目的JavaScript檔案

r.js是RequireJS的一部分(optimizer)。它依賴於UglifyJS，而UglifyJS基於nodejs。r.js多數時候配合模組化(AMD)寫法進行合并，壓縮。如果你的代碼不採用AMD方式，也可以用它來壓縮。這篇討論的是當不採用AMD方式組織代碼時壓縮整個項目的js檔案。

 

假設項目中所有的js檔案都在scripts目錄中

  

 

項目中有css，html，scripts三個目錄，分別對應css，html和js檔案。下載的r.js與myapp平行放置。

scripts-build目錄放置壓縮後的js檔案，結構同scripts，但會多產生一個build.txt檔案。

build.js檔案是需要我們自己配置的，r.js會根據它去找被壓縮的目錄和壓縮後的放置目錄。大概如下

({    

appDir: "scripts",    

baseUrl: "scripts",    

dir: "scripts-build"})
 

以下是我測試的項目（壓縮前）

  

 

可以看到，scripts-build目前是空的。好了，開始壓縮了。

 

1，cmd進入命令列控制台，我的項目在e:/work/myapp

2，cd到當前項目（進入e盤，cd work/myapp）

3，執行命令：node r.js -o build.js 效果

  

 

這時壓縮成功了，再看scripts-build目錄，和scripts結構一樣，且多了個build.txt。

  


摘自 Snandy