build - 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"]
},

并在部分添加 CommonsChunkPlugin plugins：

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