ESLint：如何使用 eslint-plugin-import 對導入成員進行排序？

Question

我正在嘗試在sort-member中添加導入成員的排序，例如此規則。

但是，由於我已經在使用eslint-plugin-import ，因此存在沖突，因為這些規則中的每一個都試圖根據不同的參數對導入進行排序：

• sort-member按照["none", "all", "multiple", "single"]的順序進行排序，具體取決於從一個模塊導入的數量
• eslint-plugin-import按照["builtin", "external", "parent", "sibling", "index"]的順序排序，具體取決於導入的類型

有沒有辦法只使用sort-member的成員排序（== 忽略memberSyntaxSortOrder規則），或者有沒有類似於memberSort內置在eslint-plugin-import的功能？

我想要做的就是有一個錯誤：

import { b, a, c } from 'foo.js'

並將其自動固定為：

import { a, b, c } from 'foo.js'

Answer 1

我最終自己找到了解決方案：盡管memberSyntaxSortOrder是強制性的並且只接受一個數組，但您實際上可以通過簡單地使用設置為true的ignoreDeclarationSort規則來忽略此規則。

因此，要使用多個導入行的字母順序進行sort/import ，只需在您的規則塊中添加：

'sort-imports': [
  'error',
  {
    ignoreDeclarationSort: true,
  },
],