如何为TS/TSX/JS/JSX文件单独配置ESLint规则，排除JSON文件？

你可以通过ESLint配置中的overrides字段实现规则的精准文件匹配，这是官方推荐的针对不同文件类型定制规则的方案，具体配置如下：

打开你的ESLint配置文件（通常是.eslintrc.js、.eslintrc.json或.eslintrc.yml），新增或调整overrides配置块，分别对目标文件类型开启规则、对JSON文件禁用规则：

module.exports = {
  // 保留你的基础配置（如env、parser、extends等）
  overrides: [
    // 为TS/TSX/JS/JSX文件启用单引号规则
    {
      files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
      rules: {
        'quotes': ['error', 'single']
      }
    },
    // 为JSON文件禁用单引号规则
    {
      files: ['*.json'],
      rules: {
        'quotes': 'off'
      }
    }
  ]
};

关键说明： #

• overrides中的规则优先级高于根级rules，即使你之前在根级配置过quotes，JSON文件的规则设置也会覆盖它
• 如果你的项目中有带注释的JSON文件（如*.jsonc），可以把'*.jsonc'加入到JSON匹配的files数组中
• 这种方式无需移动或删除任何文件，完全通过配置实现规则的范围控制

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