JSXのスタイルのフロータイプチェック

Question

私の反応プロジェクトでフロータイプのカバレッジを改善しようとしています。現在、私はカバレッジチェックのために、プロジェクトにカバレッジモジュールを追加しておらず、AtomとNuclideを使用していません。私は以下のようなスタイルをインポートする際、各クラス名の「フローの対象ではありません」という警告を得続ける：これはフローカバレッジを縮小さ

import styles from './styles.scss'; 

。どのようにこれを修正するための任意のアイデア？

Answer 1

は、これらの行を.flowconfigに追加：

それは何

[options] 
module.name_mapper='.*\.scss$' -> 'empty/object' 

は、それがフローは、あなたのスタイルはJS空のオブジェクトであることを考えさせるとそれをスキップしますです。あるいは、libdefsを宣言し、.scssをそれらにマップします。

EDIT： は時々私はちょうど全く流れを理解していない、ここでは、これはそれを行うための別の方法があるが、それはエレガントではありません。

// scss.js 
// @flow 

const styles: {[string]: string} = {}; 

export default styles; 

_____________________________________________________________________ 

// .flowconfig 
[options] 
module.name_mapper.extension='scss' -> '<PROJECT_ROOT>/path/to/scss.js' 
module.file_ext=.scss