如何配置格式化工具移除导入语句间的空行？

嘿，这个问题我刚好处理过！不管你用Prettier还是ESLint，都能轻松实现自动移除导入语句之间的空行，给你两种实用方案：

用Prettier解决 #

如果你的项目主要用Prettier做格式化，导入间的空行通常是导入分组插件的默认配置导致的。你可以借助@trivago/prettier-plugin-sort-imports插件来调整：

1. 先安装插件（npm/yarn任选其一）：

npm install @trivago/prettier-plugin-sort-imports --save-dev
# 或者
yarn add @trivago/prettier-plugin-sort-imports --dev

2. 在你的Prettier配置文件（比如.prettierrc.js）里添加以下配置：

module.exports = {
  // 保留你原本的Prettier配置，比如printWidth、singleQuote等
  plugins: ['@trivago/prettier-plugin-sort-imports'],
  importOrderSeparation: false, // 关键：关闭不同导入分组之间的空行
};

设置后，Prettier格式化时就不会给导入语句之间加空行，之前存在的分组空行也会被自动移除。

用ESLint解决 #

要是你更依赖ESLint规范代码，可借助eslint-plugin-import插件的规则来控制：

1. 确保已经安装插件：

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

2. 在ESLint配置文件（比如.eslintrc.js）里添加规则：

module.exports = {
  plugins: ['import'],
  rules: {
    'import/newline-after-import': ['error', { count: 0 }], // 禁止导入语句后添加空行
  },
};

这个规则会强制所有导入语句连在一起，自动移除它们之间的空行。如果你的项目同时用了Prettier和ESLint，记得安装eslint-config-prettier禁用两者冲突的规则，避免格式化结果不一致。

备注：内容来源于stack exchange，提问作者Ramon Balthazar