umi4如何开启webpack-bundle-analyzer

要在umi 4中开启webpack-bundle-analyzer，你可以在.umirc.ts或config/config.ts文件中进行相关配置。

首先，确保你已经安装了webpack-bundle-analyzer包。可以使用以下命令进行安装：

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

接下来，在配置文件中添加以下代码：

import { defineConfig } from 'umi';

export default defineConfig({
  // ...其他配置

  chainWebpack(config) {
    if (process.env.ANALYZE) {
      config.plugin('webpack-bundle-analyzer').use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin);
    }
  },
});

上面的代码使用了`defineConfig`来定义umi的配置。然后，在`chainWebpack`方法内部，我们检查`process.env.ANALYZE`是否为true。如果是true，我们就加载`webpack-bundle-analyzer`的插件。

接下来，你可以使用以下命令来开启webpack-bundle-analyzer：

ANALYZE=true umi build

这样就会在构建过程中启动webpack-bundle-analyzer，并在浏览器中显示可视化的打包分析结果。

请注意，以上的配置适用于umi 4版本。如果你使用的是其他版本，请查阅官方文档进行相应配置。