eslinteslint-plugin-import 排序配置

eslinteslint-plugin-import 排序配置

这是官方的排序配置的文档

eslint-plugin-import/order.md
at main · import-js/eslint-plugin-import · GitHub

我自己配置的时候注意到一个点

With
the [groups](https://github.com/import-js/eslint-plugin-import/blob/main/docs/rules/order.md#groups-array) option
set
to ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"] the
order is as shown in the following example:

一个是groups 的 type 类型只有新版本有, 我用的
2.20.2 版本没有

但是可以用position: before 选项来模拟。

这里发一下我的配置。 通过配置配合 vscode的 eslint 插件,
自动修复错误

或者可以通过 eslint —fix 修复错误

1
2
3
4
5
6
7
8
9
'import/order': [
'error', {
groups: ['builtin', 'external', 'internal', 'sibling', 'parent', 'index', 'unknown'], pathGroups: [
{
pattern: '@/models/**', group: 'builtin', position: 'before', }, {
pattern: '@/components/**', group: 'internal', position: 'before', }, {
pattern: '@/mixins/**', group: 'internal', }, {
pattern: '@/services/**', group: 'internal', position: 'after', }, {
pattern: '@/scripts/**', group: 'internal', }, ], 'newlines-between': 'always', },