Webpack CommonsChunkPlugin не работает, как ожидалось

Question

структуры

Папки:

app.js, benchmark.js, board.js все требует JQuery. Я просто хочу, чтобы извлечь JQuery, как vender.js и трех других пучков содержат только код приложения:

Webpack Config:

Результат не то, что я ожидал:

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 
    }) 
];