将Facebook Flow与Ionic 3一起使用？

Question

我想在我的Ionic项目中使用Facebook静态分析器流程。 当Ionic使用Webpack时，我对不同的软件包管理者是陌生的。 我为Flow看到的每个教程都指示将Babel配置为使用它，但似乎Ionic没有使用Babel。 用Babel用Ionic 3配置Flow是否存在问题？

我为Typescript找到的所有引用都使用Babel或Webpack，这就是为什么我不确定两者能否一起使用的原因。

Answer 1

Flow分为两部分：二进制流和Babel预设流。

您使用添加的流类型注释编写JS，但是您的JS解释器（节点，浏览器等）不接受流类型注释-因此必须编译源文件以删除流类型信息。

Babel是您的编译器，带有适当的预设和插件。

在该链之前使用Webpack来编组其他资源，以从源代码获取到构建/分发代码。

可以使用babel-loader插件配置Webpack，以便在打包过程中运行Babel。

babel-preset-flow用于将带类型注释的代码转换为纯JS。

因此，Webpack使用Babel，Babel使用Flow预设。

Flow还提供了一种注释模式，该模式允许您使用Flow而不必进行任何转堆，如果您无法根据自己的喜好配置工具栈，这也可能是解决问题的一种方法。