javascript - ESLint导入排序分组

标签 javascript node.js reactjs react-native eslint

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

import request from 'request';

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

import profileService from 'services/profile.service';

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

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

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

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

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

 "sort-imports": ["error", {
      "ignoreCase": false,
      "ignoreDeclarationSort": false,
      "ignoreMemberSort": false,
      "memberSyntaxSortOrder": ["none", "all", "single", "multiple"]
  }]

最佳答案

这正是ignoreDeclarationSort作用:如果它是 true 那么 ESLint 将忽略 import 行。如果 ignoreMemberSortfalse 它将检查命名导入的顺序。

所以

 "sort-imports": ["error", {
      "ignoreCase": false,
      "ignoreDeclarationSort": true,
      "ignoreMemberSort": false,
      "memberSyntaxSortOrder": ["none", "all", "single", "multiple"]
  }]

应该适合你。

关于javascript - ESLint导入排序分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59189359/

相关文章:

javascript - 如何减去两个数组的元素并将结果存储为javascript中的正数组?

Node.js 和 Gulp 帮助

javascript - 如何通过 Body-parser 获取 post 值 - Express Node.js

reactjs - 使用 async await 和 redux reducer

reactjs - 如何让对话框出现在 Snackbar 上?

javascript - react 状态之间的索引

javascript - d3.js 面积图的最后一条线位于错误的一侧

javascript - PHP 在 jQuery 中调用?

javascript - 如何执行 html onclick 事件中生成的 javascript 方法

javascript - 如何在 Node.js 中编写自定义异步函数