如何在React中禁用ESLint

### 如何在 React Vite 项目中配置 ESLint #### 安装依赖包 为了使 ESLint 能够集成到 Vite 构建工具链中，需安装 `vite-plugin-eslint` 插件。通过执行命令来完成插件的安装： ```bash npm i -D vite-plugin-eslint ``` 此操作会将所需开发依赖项下载至本地环境中[^1]。 #### 编辑 vite.config.js 文件 随后，在项目的根目录下找到并编辑 `vite.config.js` 文件，引入必要的模块以及定义默认配置对象如下所示： ```javascript import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import eslintPlugin from 'vite-plugin-eslint' export default defineConfig({ plugins: [ react(), // 添加eslint插件配置 eslintPlugin({ include: ['src/**/*.js', 'src/**/*.jsx', 'src/*.js', 'src/*.jsx'] }) ], resolve: { alias: {} } }) ``` 上述代码片段展示了如何向 Vite 的构建流程注入 ESLint 支持，并指定了哪些文件应该被纳入检查范围之内[^2]。 #### 修改 ESLint 默认配置 最后一步是对 `.eslintrc.json` 或者其他形式的 ESLint 配置文件做出相应调整，确保其规则集适用于当前项目需求。例如设置特定编码风格指南或启用/禁用某些校验规则等[^3]。