美文网首页前端
使用 webpack 打包消除重复依赖包

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

作者: 前端技师胡帅博 | 来源:发表于2021-08-11 17:43 被阅读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

    相关文章

      网友评论

        本文标题:使用 webpack 打包消除重复依赖包

        本文链接:https://www.haomeiwen.com/subject/azmcbltx.html