web-dev-qa-db-ja.com

vue-cliでESLintを無効にする方法は?

vue-cliで生成されたプロジェクトでESlintを無効にするにはどうすればよいですか?

preLoaders: [
  {
    test: /\.vue$/,
    loader: 'eslint',
    include: projectRoot,
    exclude: /node_modules/
  },
  {
    test: /\.js$/,
    loader: 'eslint',
    include: projectRoot,
    exclude: /node_modules/
  }
]

loader: 'eslint'行を削除すると、空の文字列に設定するのと同じように、コンパイルされません。初期化段階でESLintをオプトアウトできることは知っていますが、プロジェクトの作成後にそれを無効にするにはどうすればよいですか?

31
Mahmud Adam

Vueのスタータープロジェクト自体は、テンプレート言語で構築されています。

テンプレート{{#lint}}ビット)preLoadersブロック全体を削除できるようです。

12
ceejayoz

現在のバージョン(^ 3.0?)では、次のように設定できます。

useEslint:false、

config/index.js内

23
Eric Grotke

2019, March

の中に vue.config.js

module.exports = {
  ...
  lintOnSave: false
  ...
}

幸運を...

18
Akash

ここにはいくつかの古い回答があります。

Vue-cli 3はゼロ構成アプローチを使用しているため、無効にするにはモジュールをアンインストールするだけです:

npm remove @vue/cli-plugin-eslint
5
Wossname

最新バージョンでは、「。eslintrc.js」ファイルを開き、「root:false」を設定します。 enter image description here

2
Felix Jr

ここにはたくさんの解決策があります: https://github.com/vuejs-templates/webpack/issues/7

ただし、最良の方法は次のとおりです。
**/*の行を.eslintignoreに追加すると、すべてのファイルが無視されます。そして、Webアプリの場合は再実行してください!

2
reverie_ss

ファイル「tslint.json」内に移動し、linterOptionsのすべてのファイルを除外します。デフォルト設定では、node_modulesフォルダーのみが除外されます。 「strict」を設定することもできます:tsconfig.json内でfalse

  "linterOptions": {
    "exclude": [
      "*/**"
    ]
  },

の代わりに

  "linterOptions": {
    "exclude": [
      "node_modules/**"
    ]
  },
1

セットする useEslint: false, in config/index.js

この画像を参照

1
Santosh P

最も簡単な方法の1つは、.eslintignoreフォルダーとファイルを無効にするファイル。

デモ

/build/
/config/
/dist/
/*.js
/test/unit/coverage/

/000-xyz/

参照: https://github.com/vuejs-templates/webpack/issues/73#issuecomment-355149342

0
xgqfrms