Add an option to auto-detect third-party packages

When using CommonsChunkPlugin, each third-party dependency must be added to webpack.config.js by hand. A plugin with the nameAbstractAwayDependencies could be written to provide the functionality of abstracting away npm dependencies from the code into a separate file. (By default, vendor-[hash].js.)

[sokra]

This automatically selects modules based on the path:

new webpack.optimize.CommonsChunkPlugin({
  name: 'vendor',
  minChunks: function(module) {
    return module.resource && /node_modules/.test(module.resource)
  }
}),

But specifying dependencies manually has the advantage that the vendor chunk changes less often.

[Fouzyyyy]

Hi all, hi @kripod ,

There is an other way to specify implicitly your prod dependencies, here is the trick:

• Go to your webpack.config.js file, and add the following module import statement: const prodDependencies = require('path to your package.json file');

• now you need to update your entry points: entry: { vendor: Object.keys(prodDependencies.dependencies) }

Make sure the name you choose for this entry is the same you use for your CommonsChunkPlugin configuration so that you can move your redendent prod dependencies to that file as well.