Angular 2和Angular Cli树摇动生产构建,vendor.js巨大

时间:2017-03-23 22:31:08

标签: angular angular-cli

我做了一个小型的Angular 4应用程序,但我不知道如何应用树摇动和编译。 我运行的命令如下:

ng build --prod --aot

但我得到的结果仍然很大,供应商档案是2.63Mb:

Hash: 3f2f9863802ffee21a18
Time: 35397ms
chunk    {0} polyfills.3be44b11f98572593d31.bundle.js (polyfills) 158 kB {4} [initial] [rendered]
chunk    {1} main.62b1e2f835ae0e344351.bundle.js (main) 537 kB {3} [initial] [rendered]
chunk    {2} styles.6ad044d12ab50a9da898.bundle.css (styles) 69 bytes {4} [initial] [rendered]
chunk    {3} vendor.a13d6c29b7348e1ae91d.bundle.js (vendor) 2.63 MB [initial] [rendered]
chunk    {4} inline.01f2c419c67f5155d8a3.bundle.js (inline) 0 bytes [entry] [rendered]

这是最终的申请,还是ng cli出了什么问题?

这是我的CLI版本:

@angular/cli: 1.0.0-rc.4
node: 6.10.0
os: win32 x64
@angular/common: 4.0.0-rc.6
@angular/compiler: 4.0.0-rc.6
@angular/core: 4.0.0-rc.6
@angular/forms: 4.0.0-rc.6
@angular/http: 4.0.0-rc.6
@angular/material: 2.0.0-beta.2
@angular/platform-browser: 4.0.0-rc.6
@angular/platform-browser-dynamic: 4.0.0-rc.6
@angular/router: 4.0.0-rc.6
@angular/cli: 1.0.0-rc.4
@angular/compiler-cli: 4.0.0-rc.6

1 个答案:

答案 0 :(得分:6)

只需运行ng build --prod - 现在不需要的标志即可实现带有树摇和Aot的Angular 4 prod构建。

Build应如下所示(chunk {5} vendor.46351c4e9fc678f82bca.bundle.js(vendor)1.13 MB [initial] [rendered])

注意:在这个输出1.13MB不是你得到的,在/ dist目录中查看你得到的文件大小是316KB)

build output

what we get