ESlint 缩进导出报表

Question

我用的是 网络风暴 作为集成开发环境，它支持以下格式化选项到 缩进进出口报表.

相应的选项可以在。 File > Settings > Editor > Code Style > JavaScript > Wrapping and Braces > ES6 importexport。

如果勾选选项，结果是。

import {Dropdown}     from '../drop-down.ts';
import AwesomeLibrary from 'library';
import * as core      from 'core/all';

正如我们所看到的，每一个 import 语句与最长的语句对齐，在本例中是指 import AwesomeLibrary from 'library';.

同样的情况还包括 export 语句。

export *          from './lib'
export foo as bar from './hello'

我才知道这个规则 indent.ImportDeclaration，补充道 此公关 并提到 这个 问题。但是这个规则只处理这些导入语句的缩进。

import {
  Foo,
  Bar,
  Baz
} from 'lib'

有没有一种规则可以实现前面提到的那种意图格式化？

Answer 1

我写了一个 插件 要做到这一点。

$ npm install eslint-plugin-align-import --save-dev

而在你的 .eslintrc:

{
    "plugins": [
        "align-import"
    ],
    "rules": {
        "no-multi-spaces": ["error", {"exceptions": {"ImportDeclaration": true}}],
        "align-import/align-import": "error"
    }
}

负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： 负责人： no-multi-spaces 对于进口申报，必须关闭。