2015-09-27 86 views
3

文件夾結構: Project Folder Structure的WebPack CommonsChunkPlugin工作不正常

app.js,benchmark.js,board.js都需要jQuery的。我只是想提取的jQuery的vender.js等三捆只包含應用程序代碼:

的WebPack配置:

結果不出我所料:

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

回答

5

plugins應的modules之外的對象陣列。

此外,我不認爲你需要這個用例場景的minChunk或chunks選項。您的供應商條目塊應該足夠了。

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

感謝,這是行不通的,因爲我把「插件」配置中的「模塊」塊 – Alan

+3

任何人利用這種錯誤其他受挫(在配置的WebPack錯別字)我建議你看看npm.im/ webpack-validator – kentcdodds

+0

仍然出現同樣的問題,https://stackoverflow.com/questions/44859585/vendor-code-is-still-in-bundle-js-file-even-after-splitting-it-in-webpack-配置 – Moniv