ESLint导入排序分组

Sha*_*ika 8 javascript node.js reactjs eslint react-native

在我的节点项目中,我使用 ESLint。我想对进口商品进行排序。我配置了它,现在一切正常。但是,我无法对导入进行分组和排序。

import request from 'request';

import { asyncHandler } from 'middleware';
import { githutOptions } from 'constants/options.constant';

import profileService from 'services/profile.service';
Run Code Online (Sandbox Code Playgroud)

在这里,我收到一条警告,指出导入应按字母顺序排序。在第二行。(异步处理程序)

为什么不根据分组进行排序?在我参与的另一个项目中,如果有多个分组导入,则仅在这些组内进行排序。

但在这里,即使我将这些导入分组,它也会考虑整个文件,因此 asyncHanler 应该作为第一行。我在这里想要的是仅对组内的导入进行排序。

我怎样才能实现这个目标?

这些是我对导入进行排序的 eslint 规则。

 "sort-imports": ["error", {
      "ignoreCase": false,
      "ignoreDeclarationSort": false,
      "ignoreMemberSort": false,
      "memberSyntaxSortOrder": ["none", "all", "single", "multiple"]
  }]
Run Code Online (Sandbox Code Playgroud)

sky*_*yer 4

这正是ignoreDeclarationSort所做的:如果是,true那么 ESLint 将忽略import行。如果ignoreMemberSort是,false它将检查命名导入的顺序。

所以

 "sort-imports": ["error", {
      "ignoreCase": false,
      "ignoreDeclarationSort": true,
      "ignoreMemberSort": false,
      "memberSyntaxSortOrder": ["none", "all", "single", "multiple"]
  }]
Run Code Online (Sandbox Code Playgroud)

应该为你工作。