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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值