在webpack 4中,供应商块的名称类似于
有没有什么技巧可以在使用webpack 5的同时回到webpack 4的行为?
我想我需要通过
编辑:
虽然@MrP01的答案更全面并提供了更多有关使用
vendors~main~secondary.js
,它们与它们相关联的块有关。现在,在webpack 5中,供应商块的名称如下:vendors-node_modules_react-dom_index_js.js
,这样就不那么可读和易懂了。有没有什么技巧可以在使用webpack 5的同时回到webpack 4的行为?
我想我需要通过
splitChunks.name
做些什么,但我找不到合适的函数来做这件事。编辑:
虽然@MrP01的答案更全面并提供了更多有关使用
splitChunks.name
的见解,但以下简短的代码片段最终让我回到了旧的确切行为。optimization: {
splitChunks: {
chunks: 'all',
name: (module, chunks, cacheGroupKey) => {
const allChunksNames = chunks.map((chunk) => chunk.name).join('~');
const prefix = cacheGroupKey === 'defaultVendors' ? 'vendors' : cacheGroupKey;
return `${prefix}~${allChunksNames}`;
},
},
},