顾名思义,是对导入的模块进行排序,成果如下:
比照排序前后代码,排序后的代码看起来更整洁,react**全家桶
、内部库
、公共组件
、子组件
、api
、工具类
顺次排列。
罕用规定配置
{ "import/order": ["error", { "groups": [ "builtin", "external", ["internal", "parent", "sibling", "index"], "unknown", ], "pathGroups": [ { "pattern": "@app/**", "group": "external", "position": "after" } ], "pathGroupsExcludedImportTypes": ["builtin"], "newlines-between": "always", "alphabetize": { "order": "asc", "acseInsensitive": true } }]}
其中,group
是对导入模块进行分组,pathGroups
是通过门路自定义分组,newlines-between
不同组之间是否进行换行,alphabetize
依据字母程序对每个组内的程序进行排序
重点介绍下 pathGroups
属性,该属性有 4 个子属性:
- pattern:以后组中模块的最短门路匹配
- patternOptions:如果须要更准确的匹配,看这里
- group:在规定的组当选其一,
index
、sibling
、parent
、internal
、external
、builtin
、object
、type
、unknown
- position:定义组的地位,
after
、before
对于 pathGroupsExcludedImportTypes
的作用愣是没看懂,欢送大家补充。