时间戳

首页 > 解决方案 > 有没有办法在不弹出的情况下更改 create-react-app 的 webpack 的 eslint

javascript - 有没有办法在不弹出的情况下更改 create-react-app 的 webpack 的 eslint

问题描述

我想在不弹出的情况下更改反应应用程序的 eslint 规则。

标签： javascriptreactjs

解决方案

我们可以通过 3 个简单的步骤来添加新的 ESLint 规则。

  1. 在项目的 src 文件夹下创建 .eslintrc.js。

  2. 在文件中添加以下行：

    module.exports = { "extends": "react-app", "rules" : { "indent": ["error", 4] // 例如自定义样式相关规则 // 这里有更多自定义规则 } }

这样，我们将告诉我们的 IDE 扩展 create-react-app 提供的基本 ESLint 规则，然后遵循我们定义的一些规则。

  1. 在您的package.json中，添加以下脚本：

    "lint:fix": "eslint src/**/*.js --fix",

这主要用于 CLI 和 CI/CD 环境。

现在大多数 IDE 中的默认设置是它们将从 src/.eslintrc.js 读取配置。因此，您现在应该也可以在 IDE 上看到来自自定义 eslintrc 文件的错误/警告

Src - http://rahulgaba.com/front-end/2019/02/17/Use-custom-eslint-config-in-create-react-app-using-three-simple-steps-No-external-dependencies。 html

推荐阅读