Arbnb設定とFacebookフローを併用したESLint

Question

私はプロジェクトでESLintを使用していますが、Facebookのフローも使用したいと思いますが、フロータイプの注釈でESLintからの警告が表示されています。

プロジェクトルートに.flowconfigと.eslintrcがあります。

.eslintrc：

// When you write javascript you should follow these soft rules and best practices 
// https://github.com/airbnb/javascript 

// This is a link to best practices and enforcer settings for eslint 
// https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb 

// Use this file as a starting point for your project's .eslintrc. 
{ 
    "extends": "airbnb", 

    "plugins": [ 
    "flow-vars" 
    ], 
    "rules": { 
    "flow-vars/define-flow-type": 1, 
    "flow-vars/use-flow-type": 1 
    } 
} 

が、私はそれを動作させるために何をすべきか？ Webpackを使用して監視タスクでフローを実行する方法はありますか？

Answer 1

flow-varsが推奨されていません！これは想定してい

すでにflowがインストールされている：

これは、流れがAirbnbの（eslint-plugin-flowtype付き）で実行されている取得の現在の適切な方法です。

npm install --save-dev eslint babel-eslint eslint-plugin-flowtype 

.eslintrc

{ 
    "extends": [ 
    "airbnb", 
    "plugin:flowtype/recommended" 
    ], 
    "parser": "babel-eslint", 
    "plugins": [ 
    "flowtype" 
    ] 
} 

代わりcustom configurationをしたいですか？

Answer 2

私の場合は、を.eslintrcに追加して問題を解決しました。

（私は最初にnpm install babel-eslint --save-devを実行しなければならなかった）。

{ 
    "extends": "airbnb", 
    "parser": "babel-eslint", // <-- 
    "plugins": [ 
    "flow-vars" 
    ], 
    "rules": { 
    "flow-vars/define-flow-type": 1, 
    "flow-vars/use-flow-type": 1 
    } 
}