我试图从eslint-plugin-import
中获得import/order
规则,以便在使用webpack的React项目中工作,但我正在努力。特别是进口分组。
这是我设置规则的配置部分:
'import/order': [
'error',
{
alphabetize: {
order: 'asc',
caseInsensitive: true,
},
groups: ['builtin', 'external', 'internal'],
'newlines-between': 'always',
pathGroups: [
{
pattern: '@app/**',
group: 'internal',
position: 'after',
},
{
pattern: '@canopy/**',
group: 'internal',
position: 'after',
},
{
pattern: '@titan/**',
group: 'internal',
position: 'after',
},
],
},
],
我还使用了webpack resolver设置:
'import/resolver': {
webpack: {
config: './config/webpack.config.app.js',
},
},
我遇到的问题是,它将相对文件导入视为内部文件(应该如此),但也将从外部包导入,如React
或lodash
。
它坚持认为他们应该这样在一起:
import foo from './foo';
import React from 'react';
我尝试过使用pathGroups
和glob模式手动匹配相对导入,但效果不可靠。
1条答案
按热度按时间dxxyhpgq1#
如果您使用
typescript
import/resolver