我怎样才能使 ESLint 强制导入全部在单独的行中或全部在一行中？

Question

我使用 ESLint 来检查 TypeScript。 我想配置 ESLint，使其强制导入全部在单独的行中或全部在一行中。

不行：

import {
    a, b,
    c,
    d
} from "letters";

好的：

import { a, b, c, d } from "letters";

好的：

import {
    a,
    b,
    c,
    d
} from "letters";

这可能吗？如果可能，如何实现？

Answer 1

我找到了解决这个问题的方法！

我昨天在这个话题上花了 4-5 个小时。

请使用https://github.com/SeinopSys/eslint-plugin-import-newlines（eslint插件）。

只需几个步骤即可满足您的要求：

1. 安装插件npm install eslint-plugin-import-newlines --save-dev
2. 将import-newlines添加到.eslintrc配置文件的插件部分，如下所示。

{
    plugins: ['import-newlines'],
}

3. 将import-newlines/enforce添加到.eslintrc配置文件的规则部分，如下所示（默认规则）。

{
    rules: {
        'import-newlines/enforce': 'error',
    }
}

或（我的规则）

{
    rules: {
        'import-newlines/enforce': ['error', { items: 40, 'max-len': 120 }],
    }
}

我的规则如下所述：

1. 对于一行中长度最多为 120 个字符（内部计算）的import ，将强制在一行中导入。
2. 对于一行长度超过 120 个字符的import （内部计算），将强制导入多行（每个导入项将在单独的行上）

祝好运并玩得开心点！