React进阶（十一）：create-react-app关闭eslint提醒

前言

在项目开发过程中，有时候苦恼于eslint的校验规则，例如变量、方法定义时空格等的校验。

主要有两种方式可实现关闭eslint提醒。

第一种方式

在react-scripts依赖包下的config目录找到webpack.config.js配置文件，在webpack.config.js中注释掉以下代码：

{ 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, // @remove-on-eject-begin ignore: isExtendingEslintConfig, baseConfig: isExtendingEslintConfig ? undefined : { extends: [require.resolve('eslint-config-react-app')], }, useEslintrc: isExtendingEslintConfig, // @remove-on-eject-end }, loader: require.resolve('eslint-loader'), }, ], include: paths.appSrc, },

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
 

第二种方式

在 package.json 中修改为以下：

eslintConfig": { "extends": "react-app", "rules": { "no-undef": "off", "no-restricted-globals": "off", "no-unused-vars": "off" }
  }

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
 

然后重启npm start。

文章来源: shq5785.blog.csdn.net，作者：No Silver Bullet，版权归原作者所有，如需转载，请联系作者。

原文链接：shq5785.blog.csdn.net/article/details/105574128