umijs腳手架--填坑之旅

問題一 如何在開發時，控制檯實時顯示eslint檢測問題

首先想在umi dev時進行eslint校驗要在.env文件下設置ESLINT=1
umi使用的af-webpack中eslint-loader是以下配置,eslintignore就不起做用了。須要外部用webpack-chain修改optionconst eslintOptions = {
    formatter: eslintFormatter,
    baseConfig: {
      extends: [require.resolve('eslint-config-umi')],
    },
    ignore: false,
    eslintPath: require.resolve('eslint'),
    useEslintrc: false,
};

例如："start": "ESLINT=true umi dev",配置
執行  ：npm run start  複製代碼

問題二：umijs中  .eslintignore失效

問題解決：須要經過設置需 要外部用webpack-chain修改options 的配置項解決，

如：

手動開啓配置

  //設置開啓.eslintignore  config.module    .rule('eslint')    .use('eslint-loader')    .tap((options: any) => ({      ...options,      ...{        ignore: true, // 啓用 .eslintignore      }    })  );
如圖：複製代碼