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

...我可以使用 Chrome 控制台看到 localhost:4200 vendor 的包重量约为 300kB。

为什么会这样？有没有办法在不使用 ng serve 而使用 ng build 的情况下实现第二个结果？

Answer 1

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