将第三库分割成多个文件
- 利用浏览器缓存
- HTTP2 并发数量没有限制
使用SplitChunksPlugin进行手工分割
- optimization.splitChunks
https://webpack.docschina.org/plugins/split-chunks-plugin/
splitChunks=[
maxInitialRequest:Infinity,
maxSize:0,
chunks:'all',
cacheGroups:{
antvendor:{
name :'ant-design',
test:/[\\/]node_modules[\\/](ant-design-vue)[\\/]/,
},
vendor:{
name :'vendor',
test:/[\\/]node_modules[\\/](!ant-design-vue)[\\/]/,
}
}
]
根据文件大小自动分割
splitChunks=[
maxInitialRequest:Infinity,
maxSize:300*1024,
chunks:'all',
cacheGroups:{
antvendor:{
test:/[\\/]node_modules[\\/]/,
name(module):{
const packageName=module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1]
return `npm.{packageName.replace('@','')`
}
}
}
]
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
