使用webpack-bundle-analyzer分析uni-app 的微信小程序包大小（HbuilderX运行）

最新推荐文章于 2025-03-07 13:59:01 发布

不安分的羽毛

最新推荐文章于 2025-03-07 13:59:01 发布

阅读量2k

点赞数 1

文章标签： webpack bundle analyzer uni-app 微信小程序包大小分析 HBuilderX

本文链接：https://blog.csdn.net/jifaliwo123/article/details/132808835

版权

1、找到vue.config.js 文件。如果找不到，则在项目根目录下（跟pages.json同一个目录下）创建一个JS文件，命名为vue.config.js

2、安装webpack-bundle-analyzer，官方网站：https://github.com/webpack-contrib/webpack-bundle-analyzer。

（1）cd到项目根目录，运行命令行

npm install --save-dev webpack-bundle-analyzer

3、配置vue.config.js文件，添加如下配置代码到文件，保存。

代码如下：【注意】：直接使用copy官网到代码运行HbuilderX 会报错，需要再加一层 configureWebpack

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
  configureWebpack: { //直接使用copy官网到代码运行HbuilderX 会报错，在这里加了一层 
                      //configureWebpack
    plugins: [
      new BundleAnalyzerPlugin()
    ]
  }
}