《ng4项目升级5之首告捷》

前言：

        Angular大约10月份便已升级为5，目前公司深入实践项目为4，面临升级问题，身为前端负责人，升级问题一直记挂于心，2017年悄然过去，2018年默然而至，新年新气象，送给公司也送给自己一份别样的新年礼物。

正文：

      以公司项目《随堂小练》作为升级实践原型，捷报如下：

      时间：2018年2月12日

      时长：14:00-16:00,2h

     环境：

      windows环境，全局环境：

      本地环境：

      过程：

      1.升级包：脚手架angular/cli从1.5.x版本标配ng5,全局环境为Angular/cli@1.5以后，创建项目为ng5，将新建项目的package.json替换掉原本《随堂小练项目》package.json文件，注意两者之间的不同之处。

2.ng4-dev-build pk ng5-dev-build:

3.ng5-prod-build prod:

        Angular前端框架本身的容错性很强，有自诩可平滑升级，并且官方宣称，Angular框架的持续发展不再发生翻天覆地的变化，致力于体积的缩小，从ng4升级为ng5，包体积便缩小了三分之一，在ng5的环境下进行生产环境打包，与ng5开发环境打包，包体积缩小了5倍！！！！！！，与ng4开发环境打包，包体积缩小了达6倍！！！！！！！！！！！

        整个过程历时2个小时，看到这个结果，简直惊呆于姑娘，哈哈哈。升级之后，生产环境打包只有4.43MB,其中没有加上nginx的gzip压缩，gulp的代码压缩，如果再此基础上进行优化，对于《随堂小练》而言，打包后的应用是KB级的应该不成问题。

        当然这是ng4项目升级的首告捷，其中结合项目的具体功能实现可能还会有问题，但第一步都已经迈出去了，其他的还有问题吗？

结语：

        持续发展，持续学习，精益求精，追求极致。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！