ng build -prod vs ng build --prod --build-optimize

问题:

My Angular project is @Angular4.3.3

ng build -prod

Takes 77 seconds to make a build

ng build --prod --build-optimizer=true

Takes 190 seconds to make a build, No vendor chunk, less in size(but not big difference in size though)

Chunk differences on console image:

I read Bundling & Tree-Shaking but still don't get the clear difference between builds created by those commands.

Why there are these two different ways and what are the difference in performance or any other way?

回答1:

--build-optimizer and --vendor-chunk

"When using Build Optimizer the vendor chunk will be disabled by default. You can override this with --vendor-chunk=true.

Total bundle sizes with Build Optimizer are smaller if there is no separate vendor chunk because having vendor code in the same chunk as app code makes it possible for Uglify to remove more unused code."

see: https://github.com/angular/angular-cli/wiki/build