Build improvements

[srgpqt]

Webpack has builtin functionality to do pretty much everything the Gruntfile does ; it makes no sense to use two different tools that do the same thing.

These commits rectify most of that situation.

[benoitvallon]

Thank you, that's a very interesting (and big) PR full of improvements.

I had a look at your modifications and here are the few details I found.

• The livereload mecanism is broken in the NW.js App (as you use the same index.html, you removed the script to livereload.js)
• It would be great if you could launch the website app behind the http://localhost:8000/webpack-dev-server/index.html url, it would have 2 advantages, first it would keep the "App hot update" banner, and second just after the first launch while webpack is building the app for the first time it would indicate it on the web page instead of having a empty web page.

Then I have some open questions:

• I am not sure that having a common index.html file (for web and nw.js) is the best option because the templating language makes the file hard to read, some content shouldn't be on the NW.js side (the IE condition <!--[if lt IE 8]> for example as we know the engine included with NW) and I think some meta tags are irrelevant too inside a NW.js App.
• Other question related to the previous, how I you do here to have different titles between Apps, would I need to customize it in the webpack.config.js file? <title>{%=o.htmlWebpackPlugin.options.title || 'Webpack App'%}</title>

I really like the way you reorganized the webpack config files, it makes the whole thing cleaner and easier. What you did with the package.web.json is a very good idea too.
And I am glad that very soon I won't have the npm warnings about those peer deps ;)

Impressive work.

[benoitvallon]

I think something like this is more readable and easy to understand because it reflects your idea of aggregating config (you add one loader to the previous ones at the beginning of the list)

loaders: baseConfig.module.loaders.unshift({
  test: /\.js$/,
  exclude: /node_modules/,
  loader: 'react-hot'
})

[srgpqt]

That wouldn't work because unshift returns the new array length, not the actual array. You'd have to use .concat for that.

[benoitvallon]

Oh yes sorry the version that I tested worked because I saved the result in the loaders property instead of module.loaders and the baseConfig object was still updated by the method.

As you mentionned a .concat version of it would be fine like:

module: {
  loaders: Array.prototype.concat([{
      test: /\.js$/,
      exclude: /node_modules/,
      loader: 'react-hot'
    }],
    baseConfig.module.loaders)
}