在ng服务与ng构建之后，包的大小是ng的2-3倍

Question

当我进行ng构建，然后进行ng服务时，我得到的包大小是仅使用ng构建时的2-3倍。

当我这样做的时候，将其放到/dist文件夹中。

当我执行ng服务器时，/dist文件夹被删除，并且我在任何地方都找不到该文件夹。

也许这些问题是互相依赖的，不知道。

那么为什么会有这样的区别呢？

> ng build
Date: 2018-01-10T21:35:10.257Z
Hash: dce2b372c0c3a2ce2361
Time: 24205ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 322 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 445 kB [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 211 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 4.59 MB [initial] [rendered]

> ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-01-10T21:39:13.885Z
Hash: 7a1869ea0e109abfb536
Time: 22658ms
chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 778 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 1.3 MB [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 594 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 12.8 MB [initial] [rendered]

webpack: Compiled successfully.

Answer 1

这是很正常的。基本上，这是因为使用ng serve没有适当的捆绑和树抖动。ng build反过来使用一些基本的树摇动。你可以在这里获得更多详细信息：The Ahead-of-Time (AOT) Compiler和这里：Angular CLI Wiki - build