upgrade the application to webpack 2.0

[thescientist13]

More importantly, make sure the upgrade includes leveraging SystemJS and tree shaking

note: Webpack 2 is official!

[thescientist13]

more resources
http://moduscreate.com/webpack-2-tree-shaking-configuration/
https://gist.github.com/sokra/27b24881210b56bbaff7
http://javascriptplayground.com/blog/2016/10/moving-to-webpack-2/
https://medium.com/modus-create-front-end-development/webpack-2-tree-shaking-configuration-9f1de90f3233#.idz4reqi4

[thescientist13]

Started work in this branch, npm run develop is working, save for this issue loading font-awesome-webpack

bootstrap 6db5c95…:52Uncaught Error: Cannot find module "style!css!less!./font-awesome-styles!./font-awesome.config.js"(…)webpackMissingModule @ index.js:1(anonymous function) @ index.js:1__webpack_require__ @ bootstrap 6db5c95…:52(anonymous function) @ vendor.ts:13__webpack_require__ @ bootstrap 6db5c95…:52(anonymous function) @ toSubscriber.js:19__webpack_require__ @ bootstrap 6db5c95…:52webpackJsonpCallback @ bootstrap 6db5c95…:23(anonymous function) @ vendor.bundle.js:2
lang.js:298Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.
client:45[WDS] Errors while compiling.
client:47./~/font-awesome-webpack/index.js
Module not found: Error: Can't resolve './font-awesome-styles' in '/Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack'
resolve './font-awesome-styles' in '/Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack'
  using description file: /Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/package.json (relative path: .)
  after using description file: /Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/package.json (relative path: .)
    using description file: /Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/package.json (relative path: ./font-awesome-styles)
      as directory
        /Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/font-awesome-styles doesn't exist
      no extension
        /Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/font-awesome-styles doesn't exist
      .js
        /Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/font-awesome-styles.js doesn't exist
      .json
        /Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/font-awesome-styles.json doesn't exist
[/Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/font-awesome-styles]
[/Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/font-awesome-styles]
[/Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/font-awesome-styles.js]
[/Users/obuckley/Workspace/thegreenhouse.io/repo/angular2-webpack-seed/node_modules/font-awesome-webpack/font-awesome-styles.json]
 @ ./~/font-awesome-webpack/index.js 1:0-72
 @ ./src/vendor.ts
 @ multi vendor

[thescientist13]

Common Chunk Tips
https://medium.com/webpack/webpack-bits-getting-the-most-out-of-the-commonschunkplugin-ab389e5f318#.a9ofuhezv