Webpack, как вынуть модуль в свой собственный слой сборки?

Question

С настройками сборки по умолчанию я получаю следующие построения слоев: (X + A), (Y + A + B), (Z + B).

Я хочу: (X + A), (Y + A), Z, B

B должен загрузить только один раз, когда мы просить Y и Z модулей.

Я нашел CommonsChunkPlugin, но я не могу его правильно настроить.

var webpack = require("webpack"); 
var CommonsPlugin = new require("webpack/lib/optimize/CommonsChunkPlugin"); 

module.exports = { 
    entry: { 
     main: "./main" 
    }, 
    resolve: { 
     modulesDirectories: [ 
      "." 
     ] 
    }, 
    output: { 
     publicPath: "js/", 
     filename: "[name].builded.js" 
    }, 
    plugins: [ 
      new CommonsPlugin({ 
      // What should I write here? 
      }) 
    ] 
}; 

Answer 1

Похоже, вы должны добавить B в качестве отдельной точки входа:

entry: { 
    main: "./main", 
    Bentry: ["B"] 
}, 

и добавить CommonsChunkPlugin в plugins разделе:

new webpack.optimize.CommonsChunkPlugin('Bentry', 'B.js'),