《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项目升级的首告捷,其中结合项目的具体功能实现可能还会有问题,但第一步都已经迈出去了,其他的还有问题吗?
结语:
持续发展,持续学习,精益求精,追求极致。
标签:
相关文章
-
无相关信息