Webpack CommonsChunkPlugin 没有按预期工作

Question

文件夹结构：

app.js、benchmark.js、board.js都需要jquery。我只想将 jquery 提取为 vender.js 并且其他三个包仅包含应用程序代码：

Webpack 配置：

结果不是我所期望的：

app.js、benchmark.js、board.js仍然包含jquery代码（从巨大的文件大小可以看出）

是不是我的webpack配置有问题？我只是按照以下示例进行操作： https://github.com/webpack/webpack/tree/master/examples/two-explicit-vendor-chunks https://github.com/webpack/webpack/tree/master/examples/multiple-entry-points

Answer 1

plugins 应该是 modules.

之外的对象数组

此外，我认为您不需要 minChunks 或 chunks 选项用于此用例场景。您的供应商条目块应该足够了。

entry: {
    vendor: ['jquery']
},
plugins: [
    new webpack.optimize.CommonsChunkPlugin({
        name: "vendor",
        filename:"vendor.js",
        minChunks: Infinity
    })
];

Webpack CommonsChunkPlugin 没有按预期工作

Webpack CommonsChunkPlugin not working as expected

javascript

webpack