create-react-app eslint 单独文件配置

`create-react-app`是一个脚手架工具，用于快速创建React项目的初始结构。默认情况下，它已经集成了ESLint，这是一个JavaScript代码风格检查器，可以帮助保持代码的一致性和质量。

如果你想要对`create-react-app`项目中的单个文件进行单独的ESLint配置，可以按照以下步骤操作：

1. **创建`.eslintrc`文件**：在你的项目根目录下（通常与`src`同级），创建一个名为`.eslintrc`的配置文件。这个文件可以是JSON格式，也可以是`.js`或`.yaml`格式。

- JSON:

     {
       "extends": ["airbnb", "prettier"], // 基于Airbnb规则，并启用Prettier风格
       "rules": { /* 这里添加或修改特定文件的规则 */ },
       "overrides": [
         {
           "files": ["*.jsx", "*.tsx"], // 匹配特定文件扩展名
           "rules": { "import/extensions": ["error", {"js": "never"}] } // 对这些文件应用自定义规则
         }
       ]
     }

- YAML:

     extends:
       - airbnb
       - files: ["./*.jsx", "./*.tsx"]
         rules:
           import/extensions: ['error', 'never']

2. **针对特定文件的配置**：在`overrides`部分，通过`files`属性指定需要特殊配置的文件模式。如上例中，`.jsx`和`.tsx`文件将采用不同的`import/extensions`规则。

3. **忽略特定文件或目录**：如果只想让某些文件不受到特定规则的影响，可以在`.eslintrc`或对应的`overrides`块中使用`ignorePatterns`选项，例如：

   "ignorePatterns": ["node_modules"]

4. **运行ESLint**：安装`eslint-loader`并在webpack配置中启用，或者直接在命令行使用`npm run lint -- filename.js`来检查指定文件。

记得每次修改了配置后，都运行`npm install`来更新依赖并刷新ESLint缓存。