angular cli三种打包方式有什么不同
发布于 7 年前 作者 ZPLSSSTD 6133 次浏览 来自 问答

最近根据慕课网上学习angular5,然后自己按照公司的要求写了一个后台网站,打包之后发现有的JS文件很大,可以达到3M或者4M以上,然后楼主自己在网上查了一些资料,发现了三种类似的打包命令,可是三种命令虽然相似,可打包出来的最终文件却差异很多,但功能没有差别。 第一种: ng build --env=prod 1.png 这个是第一种命令打包后的文件,发现有一个3M左右的js文件,然后部署到服务器上,首次请求竟然将近30s 1-1.png

第二种: ng build --env=prod --aot 2.png 这个是第二种命令打包的文件,发现之前那个3M的js已经变成了1.9M左右,同样部署到服务器,首次请求相比第一种少了近10s 2-2.png

第三种:ng build --prod --env=prod --aot 3.png 这个是第三种命令打包的文件,发现不仅仅文件的大小变小了很多,连文件数量也不一样,跟之前的两个差别巨大,同样部署到服务器上,首次请求让我惊讶,4s。 3-3.png

有大神或者知道的能帮我解惑一下吗?这三种命令具体的意义还有第三种命令会不会有什么问题。楼主自己测三种功能都正常

2 回复

试试 ng build --prod --aot

第三种是按需加载,其实总共打包大小没有变化

回到顶部