Angular build 壓縮js檔案
阿新 • • 發佈:2019-01-11
ng build –prod
使用ng build --prod
進行生產環境打包,會自動使用UglifyJS進行js檔案壓縮,減輕網路載入。
使用UglifyJS壓縮
由於各種原因(prod檢查非常嚴格),ng build –prod命令可能無法成功。
這種情況下,可以使用UglifyJS來手工壓縮檔案較大的檔案。例如可以壓縮dist下檔案最大的兩個js檔案,壓縮後的檔名保持不變:
uglifyjs common.chunk.js -c -o common.chunk.js
uglifyjs vendor.bundle.js -c -o vendor.bundle .js
UglifyJS簡介
https://www.npmjs.com/package/uglify-js
UglifyJS安裝:
npm install uglify-js -g
uglifyjs common.chunk.js -c -o common.chunk.js
-c 壓縮檔案 -o 指定輸出檔名
自動構建
使用Jenkins進行專案構建
通過增加構建步驟(執行shell):
ng build --output-hashing=all
cd /var/lib/jenkins/workspace/xxxxx/dist
find -maxdepth 1 -name "*.js" -exec uglifyjs {} -c -o {} \;
通過shell命令可以自動對所有js檔案進行壓縮。