Webpack，如何将模块带入自己的构建层？

Question

使用默认构建设置，我得到以下构建层： （X + A），（Y + A + B），（Z + B）。

我想： （X + A），（Y + A），Z，B

当我们询问Y和Z模块时，

B只应加载一次。

我找到了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'),