web-dev-qa-db-ja.com

React）のeslintパーサーからcssファイルを除外する方法

Eslintパーサーからcssファイルを除外する必要があります。

現在、eslint src/**を実行すると、cssファイルを含むすべてのファイルがチェックされます。 。私のeslintrcファイルの内容を以下に示します。

module.exports = {
    "parser": "babel-eslint",
    "extends": "airbnb",

    "plugins": [
        "react",
        "jsx-a11y",
        "import"
    ],
    "env" : {
      "browser": true
    }
    "rules": {
      "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
    },

};
reactjseslintbabeleslint-config-airbnb
7
Shamnad P S

。eslintignoreスタイルを無視するファイルはうまく機能します。内部では、次のようなことを行います：*.css

ここに 良い出発点 これらの技術を使って別のものを読んでいるときに実際に見つけました同様のSO投稿

7
Todd

代わりにeslint --ext js,jsx srcを使用してください。これにより、ESLintは、拡張子が.jsまたは.jsxのファイルを含め、srcディレクトリを独自にトラバースできます。

eslint src/**を使用してsrc/**/*.cssを無視すると、.cssファイルは正しく除外されますが、src内のサブディレクトリにある.jsxファイルはすべて失われます。

どうして？

これを例として挙げます

src
├── a.css
├── b.js
└── c
    ├── d.css
    ├── e.js
    └── f.jsx
  • eslint src/**はeslint src/a.css src/b.js src/cに展開されます。 ESLintは、明示的に渡されたためsrc/a.cssとsrc/b.jsをチェックし、次にsrc/cとlintssrc/c/e.jsを独自にトラバースします。これには、src内に直接ある非jsファイルも含まれ、srcのサブディレクトリにある.jsxファイルを完全に見逃します。
  • eslint srcは、ESLintにデフォルトの.js拡張子を使用してsrcの独自のトラバーサルを実行するように指示するため、src/b.jsとsrc/c/e.jsをリントしますが、src/c/f.jsxを見逃します。 。
  • eslint --ext js,jsx srcは、ESLintに.jsファイルと.jsxファイルを含むsrcの独自のトラバーサルを実行するように指示するため、src/b.js、src/c/e.js、およびsrc/c/f.jsx。
5
btmills