前端問(wèn)題 | umi 構(gòu)建異常
問(wèn)題描述
- react項(xiàng)目，使用 umijs 構(gòu)建項(xiàng)目框架
- 在執(zhí)行umi build后皿伺，能夠正常編譯生成dist打包文件夾
- 但是build進(jìn)程會(huì)掛起盒粮，不退出
- 影響后續(xù)的部署操作，無(wú)法自動(dòng)化部署
異常情況的截圖：
異常情況
正常情況應(yīng)為：
正常編輯結(jié)束
解決方法
在umi項(xiàng)目的配置文件中（比如：config.js）妒穴，新增一個(gè)自定義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成功后退出構(gòu)建進(jìn)程
});
}
- 監(jiān)聽(tīng)
onBuildSuccess事件 - 構(gòu)建成功后宰翅，主動(dòng)退出構(gòu)建進(jìn)程
