Flowtype + babelify

Question

我在我的个人项目，我想集成流类型。现在，在package.json中我得到了：

"babel-plugin-syntax-flow": "6.3.13"

这有助于记录流类型的语法，但它不执行“流检查”，也不记录潜在的错误。我应该为它设置一个单独的gulp任务，比如https://www.npmjs.com/package/gulp-flowtype，还是babel-plugin语法流也应该处理错误日志记录？

Answer 1

以下是我的工作解决方案：

您需要安装：

$ npm i

然后添加

"typecheck",
"syntax-flow",
"transform-flow-strip-types",

到.babelrc配置

下面是我的配置示例：

{
  "presets": ["stage-2", "es2015", "react"],
  "plugins": [
    "react-hot-loader/babel",
    "transform-decorators-legacy",
    "typecheck",
    "syntax-flow",
    "transform-flow-strip-types",
    "transform-async-to-generator"
  ],
  "env": {
    "development": {
      "presets": ["react-hmre"]
    },
    "test":{
      "presets": ["stage-2", "es2015", "react"],
      "plugins": [
        "react-hot-loader/babel",
        "transform-decorators-legacy",
        "typecheck",
        "syntax-flow",
        "transform-flow-strip-types",
        "transform-async-to-generator"
      ],
    }
  }
}

这将在运行时和控制台中输出错误。

Answer 2

到2017年6月，您所需要做的就是添加npm i --save-dev flow-runtime并添加：

​

{
  "plugins": [["flow-runtime", {
    "assert": true,
    "annotate": true
  }]]
}

​