Angular CLI - 为什么<ng serve =“”>捆绑优于<ng build =“”>？

Question

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

let vc = self.storyboard?.instantiateViewController(withIdentifier: "\(snapshot.value)_View")
self.present(vc!, animated: true, completion: nil)

...因此，我得到了生成的ng new project cd project ng build --prod 文件夹，其中包含许多包。最大的一个称为dist，其大小约为vendor.[hash].js。

但是，如果我改为执行855kB：

ng serve --prod

...我可以看到使用Chrome控制台加载ng new project cd project ng serve --prod 供应商的捆绑权重约为localhost:4200。

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

Answer 1

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

Answer 2

不是关于哪一个更好。

关于何时使用构建或投放的全部内容。

1. 构建用于部署目的，服务用于开发目的。
2. 构建生成编译输出到/ dist目录，提供构建工件从内存中获得更快的开发体验。

参考：build vs. serve

Answer 3

我在我的环境中对此进行了测试：

ng build --prod = main。[hash] .js = 792KB。

bg serve --prod = main。[hash] .js = 863KB。

$ ng --version
angular-cli: 1.0.0-beta.19-3
node: 7.0.0
os: win32 x64

ng serve生成的缓存文件略小，因为它是暂时的。

更新您的ng cli并再次测试。