umi项目构建问题：build成功后不退出

前端问题 | umi 构建异常

问题描述

• react项目，使用 umijs 构建项目框架
• 在执行umi build后，能够正常编译生成dist打包文件夹
• 但是build进程会挂起，不退出
• 影响后续的部署操作，无法自动化部署

异常情况的截图：

异常情况

正常情况应为：

正常编辑结束

解决方法

在umi项目的配置文件中（比如：config.js），新增一个自定义plugins

export default {
  plugins: [
    './plugins/buildMonitor.js'
  ],
};

./plugins/buildMonitor.js 文件主要代码：

import process from 'process';

export default function (api) {
  api.onBuildSuccess(({ stats }) => {
      api.log.success('build success');
      process.exit();   // build成功后退出构建进程
    });
}

• 监听onBuildSuccess事件
• 构建成功后，主动退出构建进程

参考

• umi config: plugins
• umi plugins develop: event-class-api