Angular编译打包小记

这是一篇流水文,日更自律^^

打包命令

Angular编译打包很简单

ng  build --prod

编译生成的程序放在 /dist目录下。

常用命令

查看版本

ng -v

提速

Angular 编译速度很慢。
启动编译,吃个下午茶回来,还没完事。我的天哪!
提速是个体力活,需要自己多多实践。

升级版本

一般而言,新版本会对速度优化,提升编译速度。
下图angular/cli 的版本分别为 1.6.7 和 1.7.4。新版本编译速度提升34%


Angular编译打包小记_第1张图片
示例

关闭优化开关

--build-optimizer=false

下图,关闭优化开关后速度提升45%。


Angular编译打包小记_第2张图片
示例

当然,关闭优化开关的其他问题,还要进一步研究,可以作为一个临时方案。

参考

官方部署文档,https://angular.io/guide/deployment
网友讨论,https://stackoverflow.com/questions/45242553/how-to-speed-up-the-angular-build-process
使用Angular CLI进行Build(构建)和Serve详解,https://www.jb51.net/article/137034.htm

你可能感兴趣的:(Angular编译打包小记)