写点什么

React 进阶(十一):create-react-app 脚手架关闭 eslint 提醒

  • 2021 年 12 月 21 日
  • 本文字数:686 字

    阅读完需:约 2 分钟

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,        },
复制代码

三、第二种方式

package.json 中修改为以下:


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


然后重启npm start

四、拓展阅读

发布于: 12 小时前阅读数: 6
用户头像

No Silver Bullet 2021.07.09 加入

岂曰无衣 与子同袍

评论

发布
暂无评论
React进阶(十一):create-react-app脚手架关闭 eslint 提醒