优化antfu/eslint-config中的导入排序规则

在JavaScript和TypeScript项目中，导入语句的排序是一个看似简单但实际复杂的问题。antfu/eslint-config作为流行的ESLint配置集合，其默认的导入排序规则虽然能满足基本需求，但在某些场景下可能不够严格，导致团队成员间的代码风格不一致。

默认排序规则的局限性

antfu/eslint-config默认使用ESLint核心的sort-imports规则和eslint-plugin-import的order规则来处理导入排序。这些规则虽然能处理基本排序，但在以下场景存在不足：

1. 当开发者手动调整导入顺序或使用编辑器的"组织导入"功能时，可能导致排序结果不一致
2. 不同编辑器或IDE的自动导入功能可能产生不同的排序结果
3. 对于复杂的导入分组场景，默认规则可能无法提供足够细粒度的控制

更严格的排序方案

社区提供了两种主要的替代方案来解决这些问题：

eslint-plugin-simple-import-sort

这个插件提供了更简单但更严格的排序规则，特点是：

• 自动将导入分为内置模块、外部依赖、内部代码等类别
• 在每个类别内按字母顺序排序
• 提供更一致的排序结果，减少git diff中的不必要变更

eslint-plugin-perfectionist

这是一个更全面的排序解决方案，提供：

• 多种预设排序策略（字母顺序、自然排序、行长度等）
• 细粒度的导入分组控制
• 同时支持导入和导出的排序
• 更灵活的配置选项

如何集成到antfu/eslint-config

虽然antfu/eslint-config默认不包含这些插件，但可以轻松扩展：

import antfu from '@antfu/eslint-config'
import perfectionist from 'eslint-plugin-perfectionist'

export default antfu(
  {
    rules: {
      'import/order': 'off',
      ...perfectionist.configs['recommended-natural'].rules,
    },
  },
)

这种配置方式保留了antfu/eslint-config的其他优点，同时使用更严格的排序规则。

选择建议

对于大多数项目，推荐考虑：

1. 如果只需要基本的导入排序，默认规则可能已经足够
2. 如果需要更严格的排序一致性，simple-import-sort是轻量级选择
3. 如果需要全面控制导入/导出排序，perfectionist提供最丰富的功能

团队在选择时应考虑项目规模、成员偏好和长期维护需求，选择最适合的排序策略。