eslint-plugin-import - import/order

eslint-plugin-import是什么？

该插件目的在于支持ES6以上的导入/导出语法，并防止文件路径和导入名称拼写错误的问题。

import/order是什么？

按照约定的规则对引入的模块进行排序。

import/order常用规则介绍

groups

约定引入模块顺序的集合。

选项

"builtin", "external", "internal", "unknown", "parent", "sibling", "index", "object", "type"。

默认值

["builtin", "external", "parent", "sibling", "index"]。

使用方法

"groups": ["index", "sibling","parent","internal","external","builtin","object","type"
]// 亦可
"groups": ['builtin',['sibling', 'parent'], // 可以混合使用'index', // Then the index file'object'
]

注意：

强制执行的顺序与组中每个元素的顺序相同。

省略的类型被隐式地分组在一起作为最后一个元素。

pathGroups

可以通过该配置设置别名，进行自定义路径分组。

属性

pattern

该组中模块的最短匹配路径（不会用于内置或外部）

patternOptions

最短匹配的选择，默认值：nocomment: true。即禁止将#开头的视为注释的行为。

group

在规定的组中选一个，pathGroup将相对于该组定位。

position

定义pathGroup将在组周围的位置，可以是“after”或“before”，如果未提供，则pathGroup将像组一样定位。