的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插件。它把分開的捆綁js以及css，所以它非常好用。不知道爲什麼它被引用如此罕見。

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