素材巴巴 > 程序开发 >

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

程序开发 2023-09-03 18:17:10

前言:

        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项目升级的首告捷,其中结合项目的具体功能实现可能还会有问题,但第一步都已经迈出去了,其他的还有问题吗?

结语:

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



标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。