reactjs eslint-plugin-import命令不适用于webpack

bhmjp9jg  于 2023-04-29  发布在  React
关注(0)|答案(1)|浏览(98)

我试图从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',
  },
},

我遇到的问题是,它将相对文件导入视为内部文件(应该如此),但也将从外部包导入,如Reactlodash
它坚持认为他们应该这样在一起:

import foo from './foo';
import React from 'react';

我尝试过使用pathGroups和glob模式手动匹配相对导入,但效果不可靠。

dxxyhpgq

dxxyhpgq1#

如果您使用typescript

相关问题