流式检查JSX中的样式

Question

我正在尝试改进反应项目中的流式覆盖范围。目前，我没有在项目中添加任何覆盖模块，并使用Atom with Nuclide进行覆盖检查。我一直得到＆＃34;不被Flow＆＃34;导入如下所示的样式时对每个className发出警告：

var myfoo = (Foo) object;

这减少了流量覆盖范围。知道如何解决这个问题吗？

Answer 1

将这些行添加到.flowconfig：

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

它的作用是让Flow认为你的样式是JS空对象并且只是跳过它。或者更好的是，声明一个libdef并将.scss映射到它们。

编辑： 有时我根本不理解Flow，这里，这是另一种方法，但它并不优雅：

// 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