美文网首页
Angular编译打包小记

Angular编译打包小记

作者: 工程师INNOV | 来源:发表于2019-06-19 22:52 被阅读0次

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

    打包命令

    Angular编译打包很简单

    ng  build --prod
    

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

    常用命令

    查看版本

    ng -v
    

    提速

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

    升级版本

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


    示例

    关闭优化开关

    --build-optimizer=false
    

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


    示例

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

    参考

    官方部署文档,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编译打包小记

          本文链接:https://www.haomeiwen.com/subject/bjalqctx.html