[TODO] Update template to Webpack 2

Now that webpack 2.2 has been officially release, I think it’s time we update this template to this version.

I will track the progress in this issue.

(Bookmark: Migration guide https://webpack.js.org/guides/migrating/)

Additional Points from the top of my head:

• refactor resolve.root, resolve.fallback, resolve.modulesDirectories to `resolve.modules
• dito for resolveLoader
• remove empty string in resolve.extensions
• rename module.loaders to module.rules
• rename all loaders to their long names (babel -> babel-loader )
• switch loader chains to use: [...]
• remove json loader (active by default)
• refactor pre-Loaders into loaders.
• remoce OccurrenceOrderPlugin (active by default now)
• css utility function for vue-loader options have to be refactored to work with webpack 2 new rules option syntax.
• Add sourcemap: true to UglifyJSPlugin in prod config, remove warnings (auto false now)

Other dependencies to update

• ExtractTextPlugin (also adjust syntax)
• webpack-dev-middleware

Other necessary changes:

• modules: false in .babelrc to let webpack handle ES6 modules syntax

[servermachine]

I have the same, blank screen. The manifest, app and vendor.js are included, but no chunks are requested and no injection occurs. I also have no css generated from .vue files.

[yuu2lee4]

It seemed like master already upgrade to webpack 2.2.1