reactjs - JSX 的 ESLint 配置

Question

我想配置 ESLint 来检查我的 JSX 文件，但我的配置不起作用。正确的做法是什么？

.eslintrc.js:

module.exports = {
  extends: 'airbnb',
  parserOptions: {
    ecmaFeatures: {
      jsx: true
    }
  },
  plugins: [
    'react',
  ],
  parser: 'babel-eslint'
};

Answer 1

为了检查 JSX 文件，仅配置是不够的。您的配置看起来不错(尽管您可能不需要 babel-eslint，除非您使用低于第 4 阶段提案的功能)。默认情况下，ESLint 只会处理 .js 文件。您必须告诉它您还想通过在命令行上使用 --ext 标志来处理 .jsx 文件: eslint --ext .jsx 。