需求:假如我有些node脚本需要在umi跑build时执行,比如修改项目中某些文件的内容.

 

如果,我将这个脚本的方法暴露出来,放到.umirc.ts这个文件中执行会怎么样?

可以,但是由于umi的更新机制,脚本会执行两次.而且每次修改.umirc.ts也会导致脚本执行,会多余执行好多次.

 

正确的做法:将脚本放到插件中执行.

 

1.以ES5的规则写一个脚本 tools.js

原因:在插件中执行时是无法使用ES6的相关方法和函数的

引用要用require

let { writeFile, readFile, readdir, writeFileSync } = require('fs');
const iconv = require('iconv-lite');
const chalk = require('chalk');

 输出要用module.export

const getComponents =()=>{
        console.log('我是脚本')
  }
module.exports.getComponents = getComponents;

 2.写一个插件文件 plugin_getComponents.js

具体规则可以看:umi插件开发

export default (api, opts) => {
  api.onStart(({ serve, devServerPort }) => {
    // devserve开始的时候执行脚本getComponents
    let { getComponents } = require('./tools');
    getComponents();
  });
};

 3.在.umirc.ts文件中去配置额外插件  .umirc.ts

import { defineConfig } from 'umi';

export default defineConfig({
  plugins: ['./plugin_getComponents.js'],
});

 

这样每次,开始build的时候便会执行getComponents脚本,而且并不会根据配置的变化重新执行,如果需要在其他情况下执行,可具体查看umi插件开发.并且,我们可以在一个插件中执行多个脚本,方便管理和维护