自定义umi 插件

308 阅读1分钟

项目中使用了umi 开发react 想开发一个自定义的插件

image.png

import webpack from 'webpack';
const path = require('path');
const defaultOptions = {
  module: {
    rules: [
      {
        test: /\.tsx$|\.ts$/,
        use: ['cache-loader', 'babel-loader'],
        include: path.resolve('src')
      }
    ]
  },
  modules: [path.resolve(__dirname, './node_modules')],
  extensions: ['.tsx', '.ts', '.json','js'],
};
export default (api)=>{
 
  api.modifyBundleImplementor(() => {
    return webpack;
  });
  api.modifyDefaultConfig((memo) => {
    return {
      ...memo,
      ...defaultOptions,
    };
  });
  api.modifyConfig((memo) => {
    console.log(memo)
    return {
      ...memo,
      ...defaultOptions,
    };
  });
  
};

image.png

 plugins:[require.resolve('./plugin.js')],

image.png 可以发现 打印出来了 说明 有进去 这个插件 就接进去了 参考 [umi插件开发](插件开发 (umijs.org))