You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何配置eslint-plugin-simple-import-sort实现指定导入排序?

解决方案

直接在你的.eslintrc.json中调整simple-import-sort的groups配置,添加两个针对性的分组即可:

{
  "plugins": ["simple-import-sort"],
  "rules": {
    "simple-import-sort/imports": [
      "error",
      {
        "groups": [
          // 匹配 actions/xxx 但排除带 /types 的导入
          ["^actions/(?!.*types$).*$"],
          // 匹配 actions/xxx/types 形式的导入
          ["^actions/.+/types$"],
          // 保留你原有的其他分组(比如第三方依赖、相对路径等)
        ]
      }
    ]
  }
}

正则说明

  • ^actions/(?!.*types$).*$:以actions/开头,通过负向前瞻(?!.*types$)排除所有以types结尾的路径,精准匹配纯业务action导入。
  • ^actions/.+/types$:以actions/开头,中间包含至少一层路径(.+),最终以/types结尾,完全匹配类型文件的导入。

因为groups数组中每个子数组会自动生成空行分隔,所以这两组导入之间会自动留出空白,完全符合你的排序需求。

内容的提问来源于stack exchange,提问作者Lushmoney

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.17 07:40:38