feat(@angular/cli): add scope hoisting via webpack 3

[filipesilva]

This should result in significant bundle size reduction. For best results, build for production with --vendor-chunk=false.

See https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b for details.

---

Blockers for this to get merged:

• Webpack 3 released (see https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b)
• Webpack 2.5.1+ bug with CommonsChunkPlugin webpack 2.5.1 can't use async CommonsChunkPlugin webpack/webpack#4850 fixed, it's breaking tests/e2e/tests/misc/common-async.ts (not a bug, just config CommonsChunkPlugin in async mode doesn't select initial chunks caused a bug in expected behvaior webpack/webpack#5109 (comment))
• Webpack 2.4.x+ build performance regression [Performance] Webpack 2.4.0+ slower than 2.3.x webpack/webpack#4863
• extract-text-webpack-plugin generates css in the wrong order [webpack v3.0.0] generates CSS in wrong order webpack-contrib/extract-text-webpack-plugin#548 (not applicable to CLI projects [webpack v3.0.0] generates CSS in wrong order webpack-contrib/extract-text-webpack-plugin#548 (comment))
• Packages allowing webpack@3.0.0 as a peer dependency:
  • extract-text-webpack-plugin: refactor: Apply webpack-defaults & webpack 3.x support webpack-contrib/extract-text-webpack-plugin#540
  • html-webpack-plugin: Update to webpack 3 jantimon/html-webpack-plugin#707
  • less-loader: chore(package): update defaults 1.4.0 support Webpack@3 webpack-contrib/less-loader#208
  • webpack-dev-middleware: chore(package): update peerDependencies (webpack v3.0.0) webpack/webpack-dev-middleware#200
  • webpack-dev-server: Update to webpack 3 webpack/webpack-dev-server#946

[clydin]

global only supports a boolean. Ref: https://webpack.js.org/configuration/node/#node-global

[intellix]

It seems they released Scope hoisting and blog posted about it

[filipesilva]

Pushed an update that uses webpack@3.0.0, but there seem to be some performance regressions atm: webpack/webpack#4863.

[TheLarkInn]

We have a few PRs we are hoping to land within this next few weeks. It should good the perf regressions, in theory.

[joshwiens]

@filipesilva - extract-text-webpack-plugin@3.0.0-beta.3 || just the @beta tag is out on npm. There will be at least one more beta build, though nothing breaking going forward.

Changelog for 3.0.0 can be found here - https://github.com/webpack-contrib/extract-text-webpack-plugin/blob/feature/webpack3/CHANGELOG.md

html-webpack-plugin was waiting on webpack-contrib/extract-text-webpack-plugin#540, I put a note in that PR as well.

less-loader will be sorted this weekend.

[joshwiens]

@filipesilva - You can check less-loader off your list https://github.com/webpack-contrib/less-loader/releases/tag/v4.0.5

Extract Text will make the dist-tag tomorrow evening.

[filipesilva]

@d3viant0ne thank you for the heads up, I just updated this PR to use less-loader. For now it's still using extract-text-webpack-plugin@3.0.0-rc.2 but will be updated with 3.0.0 once it is released.

[filipesilva]

This PR no longer automatically turn off vendor chunking in production builds, since it's benefits might be conditional on a bug that needs to be fixed. This can be added at a future date if needed.

[filipesilva]

Updated to extract-text-webpack-plugin@3.0.0, which was the last missing piece.

I'd like to extend my thanks to @d3viant0ne and @TheLarkInn, they've been awesome in communicating changes and releases in the Webpack 3 rollout, cheers!

[hansl]

LGTM.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}