[TODO] Update template to Webpack 2

[LinusBorg]

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:

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

Other dependencies to update

• [x] ExtractTextPlugin (also adjust syntax)
• [x] webpack-dev-middleware

Other necessary changes:

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

[anchengjian]

webpack.DllPlugin is wonderful, hope to use it.

[LinusBorg]

It's under consideration (#436)

[patrick91]

@LinusBorg I've started working on this, hope it's not a problem :)

[LinusBorg]

Not at all. :)

[cschweda]

Looking forward to this. I've got a webpack/vue project that's waiting for the template upgrade! :)

[patrick91]

@chris check the PR you can already use it :) On Wed, 25 Jan 2017 at 20:30, Chris Schweda notifications@github.com wrote:

Looking forward to this. I've got a webpack/vue project that's waiting for the template upgrade! :)

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/vuejs-templates/webpack/issues/454#issuecomment-275223941, or mute the thread https://github.com/notifications/unsubscribe-auth/AAotlY4yND7pXzf0JcnPLK04fzt5YXqtks5rV7DMgaJpZM4LpEWr .

--

Patrick

[cschweda]

Hmmm. Okay, I installedwith Vue cli a few moments ago:

vue init patrick91/webpack#feature/webpack2

npm run dev works great.

However, npm run build and then serve ./dist (with Zeit's serve: https://github.com/zeit/serve) returns a blank screen. No errors in the console. Network tab shows bundles are loading. App element is there in the minified HTML.

I made no edits to the template once I installed it (and ran npm install).

Not sure what to make of this. Anyone else getting a blank screen on the build?

[patrick91]

Will have a look soon! Thanks ;) On Wed, 25 Jan 2017 at 21:48, Chris Schweda notifications@github.com wrote:

Hmmm. Okay, I installed the vanilla version with Vue cli:

vue init patrick91/webpack#feature/webpack2

npm run dev works great.

However, npm run build and then serve ./dist (with Zeit's serve: https://github.com/zeit/serve) returns a blank screen. No errors in the console. Network tab shows bundles are loading. App element is there in the minified HTML.

I made no edits to the template once I installed it (and ran npm install).

Not sure what to make of this. Anyone else getting a blank screen on the build?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/vuejs-templates/webpack/issues/454#issuecomment-275243353, or mute the thread https://github.com/notifications/unsubscribe-auth/AAotlQW7givEkSTsYq_jh5oxSMuSUGQiks5rV8NAgaJpZM4LpEWr .

--

Patrick

[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.

[corbinu]

Looks like this is in master now :)

[yuu2lee4]

It seemed like master already upgrade to webpack 2.2.1

[myronliu347]

What`s the most important improvement in webpack 2

[albohlabs]

You can have a look at the roadmap of webpack2 to see the improvements.