Angular build 压缩js文件

版权声明：本文为博主原创文章，转载需注明出处。 https://blog.csdn.net/jiangshanwe/article/details/82056420

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文件进行压缩。