web-dev-qa-db-ja.com

create-react-appが提供するESLintを無効にする

create-react-app v3.0.0がリリースされました 。 TypeScript lintingを内部的にサポートしています。 （それはいいですね！）TSLintがオンになっている状況を理解し、ESLintで置き換えることを計画していると思いますが、現在はそうではありません。

react-scripts startでそのリンティングステップを無効にする方法は？

/* eslint-disable */などは、私が探しているものではありません。

UPDATE：以下の説明によると、内部ESLintを操作する方法がないようです。したがって、私の質問に対する答えは「あなたはできない」になります。

https://github.com/facebook/create-react-app/issues/808

reactjstypescripteslintcreate-react-app
9
Ginpei

Craco を使用して、 eslint を無効にする（および他の構成を上書きする）ことができます。

4つの変更が必要です。

  1. npm install @craco/craco --save
  2. 作成craco.config.js（package.jsonと同じフォルダー内）
  3. craco.config.jsと：
module.exports = {
  eslint: {
    enable: false,
  },
};

最後に、react-script with craco with package.jsonスクリプト、つまり.

"scripts": {
  "build": "craco build",
  "start": "craco start",
}

これにより、ESLintが無効になります。 ESLint構成を拡張する方法の例については、 Cracoのドキュメント を参照してください。

1
Gajus

まず、EXTEND_ESLINT環境変数がtrueに設定されていることを確認します。 .envファイルで設定できます。

TypeScriptの場合、次の例のように、overrides配列にさらにルールを追加する必要があります。

{
  "eslintConfig": {
    "extends": ["react-app", "shared-config"],
    "overrides": [
      {
        "files": ["**/*.ts?(x)"],
        "rules": {
          "eqeqeq": "warn"
        }
      }
    ]
  }
}
0
Chirag Rupani

唯一の方法は、ejectreact-scripts-yarn eject/npm run ejectを実行して、eslint構成ファイルのwebpackを手動でオフにすることです。 。

このフォークを見てください： create-react-app close look 、特にeject-tic_tac_toeディレクトリでscripts/start.js-マジックが発生した後のスクリプトyarn start/npm start-およびconfig/webpack.config.dev.js-start.jsで使用されるWebpackの設定があります。これは、編集したい部分です。

// …
module.exports = {
  // …
  module: {
    preLoaders: [
      {
        test: /\.(js|jsx)$/,
        loader: 'eslint',
        include: paths.appSrc,
      }
    ]
  }
  // …
};
0
pxsx