使用 webpack 打包消除重复依赖包

运行 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
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容