如何配置ESLint检测导入路径中的大写字母并给出提示？

一、正确配置no-restricted-imports规则 #

你之前用no-restricted-imports的patterns没生效，大概率是配置格式或正则写法有问题。直接用下面的配置就能实现需求：

在你的ESLint配置文件（如.eslintrc.js）中添加：

module.exports = {
  rules: {
    'no-restricted-imports': [
      'error',
      {
        patterns: [
          {
            group: ['**/*[A-Z]*'],
            message: '导入路径不能包含大写字母，请遵循团队规范使用短横线命名（如 global-store 而非 globalStore）'
          }
        ]
      }
    ]
  }
};

二、关键说明 #

• 正则**/*[A-Z]*会匹配所有包含大写字母的导入路径，支持嵌套目录（比如./utils/GlobalStore.js、@/components/UserProfile这类路径都会被检测到）
• 确保你的ESLint版本在6.0及以上，no-restricted-imports的patterns特性是从这个版本开始支持的

三、排查配置不生效的常见原因 #

• 检查ESLint配置文件是否被正确加载（比如文件是否命名为.eslintrc.js/.eslintrc.json，或者在package.json的eslintConfig字段中配置）
• 确认目标文件没有被ignorePatterns排除
• 重启编辑器的ESLint插件或ESLint服务，确保配置更新生效

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