React项目中合并同一模块ES6导入语句的ESLint插件/规则咨询

当然可以实现！你要找的合并同一模块分散导入的功能，完全可以通过ESLint的成熟插件和规则来完成，下面是具体的配置步骤和说明：

1. 核心方案：eslint-plugin-import 插件 #

这是前端项目中几乎必备的ESLint插件，其中的两个规则就能完美解决你的需求：

关键规则解析 #

• import/no-duplicates：这个规则会主动检测同一模块的重复导入并抛出错误，最重要的是它支持ESLint的自动修复功能（--fix），可以直接把分散的导入合并成单条语句。
• import/order（可选）：如果你希望合并后的导入成员按一定顺序排列（比如示例里的字母顺序），可以配置这个规则来统一排序风格，让代码更整洁。

配置流程 #

1. 先安装插件（如果还没装的话）：

npm install eslint-plugin-import --save-dev
# 或者用 yarn/pnpm
yarn add eslint-plugin-import --dev

2. 在你的ESLint配置文件（比如.eslintrc.js或.eslintrc.json）中添加以下配置：

module.exports = {
  plugins: ['import'],
  rules: {
    // 强制禁止重复导入，开启自动修复后会合并为单条
    'import/no-duplicates': 'error',
    // 可选：配置导入成员按字母升序排列，和你的示例风格一致
    'import/order': [
      'error',
      {
        alphabetize: {
          order: 'asc', // 升序排列
          caseInsensitive: true // 忽略大小写
        }
      }
    ]
  }
};

3. 运行自动修复命令：

npx eslint src/ --fix

（把src/换成你的项目代码目录即可）

2. 配合Prettier（可选优化） #

如果你已经在用Prettier做代码格式化，它也会自动合并同一模块的导入，和ESLint规则可以完美兼容。建议同时保留ESLint的import/no-duplicates，在开发阶段就提前发现重复导入，Prettier负责最终的格式化收尾。

实际效果 #

输入的分散导入：

import { Title } from "@mantine/core";
import { Center } from "@mantine/core";
import { Divider } from "@mantine/core";

经过ESLint自动修复后会变成：

import { Center, Divider, Title } from "@mantine/core";

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