在导入中放置新行的 Eslint 规则

Question

在这种情况下，我正在寻找的规则应该显示错误：import {MY_CONSTANT1, MY_CONSTANT2, MY_CONSTANT3}在这种情况下被认为是好的：import {   MY_CONSTANT1,    MY_CONSTANT2,    MY_CONSTANT3}有这种eslint规则吗？

Answer 1

我正在为进出口申报寻找这样的规则。因此，我制作了一个带有自动修复功能的插件。

所以插件转换了代码

import { k1, k2 } from 'something'

进入

import {

  k1,

  k2

} from 'something'

和代码

export { name1, name2, nameN }

进入

export {

  name1,

  name2,

  nameN

}

Answer 2

编辑：

Anton Antonov 制作了一个插件，它比 object-curly-newline 更好地执行此规则：https : //stackoverflow.com/a/60477269/6179417

旧答案

将object-curly-newline规则添加到您的.eslintrc.json，其中至少ImportDeclaration设置为 always（其他设置对在导入声明中强制换行无效）。

例子：

"object-curly-newline": ["error", {

   "ObjectExpression": "always",

   "ObjectPattern": { "multiline": true },

   "ImportDeclaration": "always",

   "ExportDeclaration": { "multiline": true, "minProperties": 3 }

}]

此模式现在将导致错误：

虽然这是有效的：

但是，有一个问题 - 此规则只需要在左大括号之后和右大括号之前换行，因此只要大括号之间有换行符，您仍然可以将导入加倍：