app.js, benchmark.js, board.js todos requerem jquery. Eu só quero extrair jquery como vender.js e três outros pacotes contêm apenas o código do aplicativo:
Configuração do Webpack:
O resultado não é o que eu esperava:
app.js, benchmark.js, board.js ainda contém código jquery (como você pode ver no tamanho do arquivo enorme)
Há algo de errado com a configuração do meu webpack? Eu apenas segui o exemplo em: https://github.com/webpack/webpack/tree/master/examples/two-explicit-vendor-chunks https://github.com/webpack/webpack/tree/master/examples/multiple-entry-points
Respostas:
5 para resposta № 1plugins
deve ser uma matriz de objetos fora de modules
.
Além disso, não acho que você precise das opções minChunks ou chunks para esse cenário de caso de uso. O bloco de entrada do fornecedor deve ser suficiente.
entry: {
vendor: ["jquery"]
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: "vendor",
filename:"vendor.js",
minChunks: Infinity
})
];