build - Webpack、モジュールを自分のビルドレイヤーに取り出す方法は?

Question

デフォルトのビルド設定では、(X+A)、(Y+A+B)、(Z+B) のビルド レイヤーを取得します。

欲しいもの: (X+A), (Y+A), Z, B

B は、Y および Z モジュールを要求するときに 1 回だけロードする必要があります。

は見つかりまし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"]
},

pluginsセクションに CommonsChunkPlugin を追加します。

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