Angular CLI - 为什么<ng serve>捆绑比<ng build>更好？

Question

执行许多Angular CLI命令以构建缩小的基本项目:

ng new project
cd project
ng build --prod

...结果,我得到了dist包含许多包的生成文件夹.最大的一个叫做vendor.[hash].js它的大小855kB.

但是,如果我ng serve --prod改为执行:

ng new project
cd project
ng serve --prod

...我可以看到localhost:4200供应商的捆绑重量是关于300kB使用Chrome控制台的.

为什么会这样？有没有办法实现第二个结果,ng serve而不是ng build？

Answer 1

正如通过评论发现的，您只需比较两个不同的值：文件系统中非 gzip 压缩文件的大小，以及浏览器控制台中 gzip 压缩下载的大小。