使用 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

你可能感兴趣的:(使用 webpack 打包消除重复依赖包)