commonsChunkPlugin不分组node_modules

Question

我希望将包中所有常见的块移动到vendor.[chunkhash].js文件中。但是，在检查了输出之后，我看到一些node_modules被包含了更多次，这对输出大小有很大的影响。

Webpack commonsChunkPlugin

new webpack.optimize.CommonsChunkPlugin({
    name: "vendor",
    filename: "vendor.[chunkhash].js",
    minChunks(module, count) {
        const context = module.context;
        return context && context.indexOf("node_modules") >= 0;
    }
}),

输出

​

我做错了吗？请注意，“wizer- components”是也需要构建的组件，但是已经放在一个单独的文件夹中，因为我在其他项目中使用它们。运行dev服务器运行良好，所有组件都正常工作。

Answer 1

我通过在webpack配置中添加下面的param来解决这个问题。这基本上告诉webpack首先查看我的js文件夹，然后是全局node_modules，然后是本地node_modules。

正因为如此，webpack总是会在全球的react中找到node_modules，只允许它捆绑一次。

resolve: {
    modules: ["js", path.join(__dirname, "node_modules"), "node_modules"]
},