Webpack CommonsChunkPlugin没有按预期工作

时间:2015-09-27 21:40:05

标签: javascript webpack

文件夹结构: Project Folder Structure

app.js,benchmark.js,board.js都需要jquery。我只想提取jquery作为vender.js和其他三个包只包含应用程序代码:

Webpack配置:

enter image description here

结果不符合我的预期:

app.js,benchmark.js,board.js仍然包含jquery代码(从巨大的文件大小可以看出)

Webpack output

我的webpack配置有什么问题吗? 我只是按照以下示例: https://github.com/webpack/webpack/tree/master/examples/two-explicit-vendor-chunks https://github.com/webpack/webpack/tree/master/examples/multiple-entry-points

1 个答案:

答案 0 :(得分:6)

plugins应该是modules之外的对象数组。

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

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