Webpack供应商块自动创建

Question

我想创建两个webpack块：app.js和vendor.js 目前我有点像：

entry = {
        psw: DIR.src,
        vendor: ["angular", "angular-ui-router", "angular-bootstrap"]
    };
...
plugins.push(new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.bundle.js'))

（即像这里https://github.com/christianalfoni/react-webpack-cookbook/wiki/Split-app-and-vendors）

这很好（至少它工作，看起来不错）。但是我想自动生成'vendor'数组。有什么想法可以做到吗？

Answer 1

使用SplitByPath插件。它将bundle js和css分开，所以它非常好用。不知道为什么引用这么罕见。

config.plugins.push(new SplitByPathPlugin([{ name : 'vendor', path: [path.join(__dirname, 'node_modules'), path.join(__dirname, 'bower_components')]}]));