ESlint 中 extraFileExtensions 配置项的含义

ESLint是一种用于JavaScript代码的静态分析工具，用于识别和报告代码中的模式。`extraFileExtensions`是ESLint中的一个配置项，用于指定除JavaScript文件之外的其他文件类型。当需要在JavaScript文件中导入其他文件类型时，使用此配置项可以避免ESLint抛出错误。

例如，如果项目中使用了`.vue`文件来编写Vue.js组件，而ESLint默认情况下不会识别`.vue`文件中的JavaScript代码，此时可以通过在`.eslintrc.js`中配置`extraFileExtensions`来告诉ESLint `.vue`文件是JavaScript文件的一种扩展名，以便它可以正确地识别和分析这些文件。

示例配置：

module.exports = {
  // ...
  settings: {
    'import/resolver': {
      node: {
        extensions: ['.js', '.jsx', '.ts', '.tsx', '.vue'],
      },
    },
    'import/extensions': ['.js', '.jsx', '.ts', '.tsx', '.vue'],
    'import/ignore': ['node_modules', '\\.(coffee|scss|css|less|hbs|svg|json)$'],
    'import/parsers': {
      '@typescript-eslint/parser': ['.ts', '.tsx'],
    },
    'import/external-module-folders': ['node_modules', 'node_modules/@types'],
    'import/internal-regex': '^@/',
    'import/external-module-regex': '^[a-z]',
    'import/no-namespace': 'error',
    'import/no-unresolved': ['error', { ignore: ['^@/', '^@types/'] }],
    'import/no-extraneous-dependencies': 'off',
    'import/named': 'error',
    'import/namespace': 'error',
    'import/default': 'error',
    'import/export': 'error',
    'import/no-named-as-default': 'error',
    'import/no-named-as-default-member': 'error',
    'import/no-deprecated': 'warn',
    'import/no-commonjs': 'off',
    'import/no-amd': 'error',
    'import/no-duplicates': 'error',
    'import/no-namespace': 'off',
    'import/order': [
      'error',
      {
        groups: [
          ['builtin', 'external'],
          ['internal', 'parent'],
          'sibling',
          'index',
        ],
      },
    ],
  },
};

在上述示例中，我们配置了`.vue`文件作为JavaScript文件的扩展名，以便ESLint可以正确地识别和分析这些文件。