creact react app 自定义eslint校验规则

npm run eject => 开启本地配置=>添加配置文件

1、npm run eject 暴露dev文件

2、webpack.config.js 文件中eslint配置处开启 useEslintrc: true （注意开启关闭规则时设置cache: true 的值为false否则缓存可能为影响校验展示结果）

{
  test: /\.(js|mjs|jsx|ts|tsx)$/,
  enforce: 'pre',
  use: [
    {
      options: {
        cache: true,
        formatter: require.resolve('react-dev-utils/eslintFormatter'),
        eslintPath: require.resolve('eslint'),
        resolvePluginsRelativeTo: __dirname,
        useEslintrc: true
        
      },
      loader: require.resolve('eslint-loader'),
    },
  ],
  include: paths.appSrc,
},

3、配置自己的校验规则

项目package.json文件同目录下新建 .eslintrc.json文件内容如下（具体规则参考eslint官网）：

{
  "extends": [
    "react-app"
  ],
  "rules": {
    "no-unused-vars":0
  }
}