React JS服务启动耗时过长，如何跳过ESLint检查提速？

完全可以跳过这类ESLint检查来加快启动速度，以下是不同项目结构下的具体操作：

基于Create React App（CRA）的项目 #

1. 完全禁用ESLint检查（开发启动时） #

在启动命令前添加环境变量DISABLE_ESLINT_PLUGIN=true：

• 临时启动：DISABLE_ESLINT_PLUGIN=true npm start
• 永久修改package.json的启动脚本：

{
  "scripts": {
    "start": "DISABLE_ESLINT_PLUGIN=true react-scripts start",
    "build": "react-scripts build" // 生产构建如需禁用同理，但建议保留生产环境检查
  }
}

2. 仅关闭特定慢检查规则 #

如果不想完全禁用ESLint，只想关闭你列出的那些规则，修改项目根目录的.eslintrc（或.eslintrc.json/.eslintrc.js）文件，在rules字段中把对应规则设为"off"：

{
  "rules": {
    "no-unused-vars": "off",
    "no-lone-blocks": "off",
    "array-callback-return": "off",
    "no-useless-computed-key": "off"
  }
}

自定义Webpack配置的项目 #

找到Webpack配置文件中eslint-webpack-plugin或eslint-loader的配置项：

• 若要完全禁用，直接注释掉整个插件/loader的配置代码；
• 若仅关闭特定规则，可在插件配置中添加rules字段覆盖，或者仅在生产模式启用ESLint：

module.exports = (env) => {
  return {
    // ...其他配置
    plugins: [
      // 仅在生产模式加载ESLint插件
      env.production && new ESLintPlugin({/* 你的配置 */})
    ].filter(Boolean)
  }
}

注意：生产构建阶段建议保留ESLint检查，避免代码质量问题影响线上运行。

内容的提问来源于stack exchange，提问作者pappu_kutty