首頁 > web前端 > js教程 > 使用r.js壓縮整個專案的JavaScript文件

使用r.js壓縮整個專案的JavaScript文件

高洛峰
發布: 2016-11-26 09:22:45
原創
1464 人瀏覽過

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

 

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

使用r.js壓縮整個專案的JavaScript文件

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

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

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

({    

appDir: "scripts",    

baseUrl: "scripts",   


 

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

 使用r.js壓縮整個專案的JavaScript文件

1,cmd進入命令列控制台,我的專案在e:/work/myapp

2,cd到目前專案(進入e盤,cd work/myapp)

3,執行指令:node r .js -o build.js 效果如圖

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板