526互联

webpack-bundle-analyzer 查看打包文件大小

发布时间 2023-05-26 15:45:26作者: ZJTL

1.安装插件

yarn add webpack-bundle-analyzer --D

2.配置 vue.config.js 文件

module.exports = {
    ....其它的配置
    chainWebpack: (config) => {
      if (process.env.NODE_ENV === 'production') {
        config
          .plugin('webpack-bundle-analyzer')
          .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin);
      }
    },
  }

3.查看

把上面的2里环境变量注释掉，就可以在运行时看到结果