1. 程式人生 > >Angular build 壓縮js檔案

Angular build 壓縮js檔案

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檔案進行壓縮。