/ / Webpack CommonsChunkPlugin não funciona como esperado - javascript, webpack

Webpack CommonsChunkPlugin não funciona como esperado - javascript, webpack

Estrutura de pastas: Estrutura de pastas do projeto

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:

insira a descrição da imagem aqui

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)

Saída Webpack

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 № 1

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