优化eslint-plugin-perfectionist中的import排序逻辑

在JavaScript/TypeScript项目中，import语句的排序是一个常见的代码风格问题。eslint-plugin-perfectionist作为一个专注于代码风格优化的ESLint插件，其sort-imports规则提供了强大的import排序功能。然而，当前的排序逻辑在处理嵌套模块路径时存在一个值得优化的地方。

当前排序行为分析

目前，当使用eslint-plugin-perfectionist的sort-imports规则时，对于以下import语句：

import a from 'a';
import ax from 'a-x';
import axa from 'a-x/a';
import aa from 'a/a';

插件会按照字母顺序或自然排序规则生成如下排序结果：

import a from 'a';
import ax from 'a-x';
import axa from 'a-x/a';
import aa from 'a/a';

期望的排序行为

从模块组织逻辑的角度来看，更合理的排序应该是将父模块与其子模块放在一起：

import a from 'a';
import aa from 'a/a';
import ax from 'a-x';
import axa from 'a-x/a';

这种排序方式更符合开发者对模块结构的认知，因为：

1. 将父模块和子模块放在一起，便于理解模块间的层级关系
2. 减少了模块路径间的视觉干扰
3. 更符合模块化开发的组织习惯

技术实现方案

要实现这种排序逻辑，可以考虑以下几种方法：

1. 修改默认排序规则：将路径分隔符/的优先级提高到连字符-之前
2. 提供配置选项：新增一个配置项来控制是否启用模块层级优先排序
3. 自定义排序函数：允许开发者提供自定义的排序函数

临时解决方案

在等待官方修复或功能增强前，开发者可以通过自定义字母表顺序来实现期望的排序效果：

import { Alphabet } from 'eslint-plugin-perfectionist/alphabet';

const alphabet = Alphabet
    .generateRecommendedAlphabet()
    .sortByNaturalSort()
    .placeCharacterBefore({ characterBefore: '/', characterAfter: '-' })
    .getCharacters();

// 在ESLint配置中使用
"perfectionist/sort-imports": [
    "error", {
        type: 'custom',
        alphabet: alphabet,
    }
]

总结

import语句的排序虽然看似简单，但对代码可读性和维护性有着重要影响。eslint-plugin-perfectionist作为代码风格优化工具，在处理模块路径排序时可以考虑更智能的排序策略，使代码组织更加合理。在官方支持更完善的排序逻辑前，开发者可以通过自定义配置来满足特定需求。

这种改进不仅提升了代码美观度，更重要的是增强了代码的组织性和可读性，是值得在代码风格规范中考虑的重要细节。