使用 webpack 打包消除重复依赖包
2021-08-11 本文已影响0人
前端技师胡帅博
运行 vue-cli-service build --report
在 report.html 中查看 chunk-vendors 的依赖分析
发现有多个 bn.js：
image.png
搜索到解决方案:
image.png
configureWebpack: {
resolve: {
alias: {
'bn.js': path.resolve(process.cwd(), 'node_modules', 'bn.js')
}
},
}
重新打包 chunk-vendors.js 从之前的 2000k+ 减小为 700k
image.png
