javascript - Webpack CommonsChunkPlugin not working as expected - Stack Overflow

admin管理员组

文章数量:1420220

Folder Structure:

app.js, benchmark.js, board.js all require jquery. I just want to extract jquery as vender.js and three other bundles only contain application code:

Webpack Config:

The result is not what I expected:

app.js, benchmark.js, board.js still contains jquery code (as you can see from the huge file size)

Is there anything wrong with my webpack configuration? I just followed the example in :

Folder Structure:

app.js, benchmark.js, board.js all require jquery. I just want to extract jquery as vender.js and three other bundles only contain application code:

Webpack Config:

The result is not what I expected:

app.js, benchmark.js, board.js still contains jquery code (as you can see from the huge file size)

Is there anything wrong with my webpack configuration? I just followed the example in : https://github./webpack/webpack/tree/master/examples/two-explicit-vendor-chunks https://github./webpack/webpack/tree/master/examples/multiple-entry-points

• javascript
• webpack

Share Improve this question Follow asked Sep 27, 2015 at 21:40 AlanAlan 64466 silver badges1919 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

plugins should be an object array outside of modules.

Also, I don't think you need the minChunks or chunks options for this use case scenario. Your vendor entry chunk should be sufficient.

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

本文标签： javascriptWebpack CommonsChunkPlugin not working as expectedStack Overflow