如何设置 Flow 以使用 WebPack 2.0 监控文件更改答案

【问题标题】：How to setup Flow to monitor file changes with WebPack 2.0如何设置 Flow 以使用 WebPack 2.0 监控文件更改
【发布时间】：2017-11-18 12:23:06
【问题描述】：

有没有办法设置 Flow 与 WebPack 2 手表一起运行。这样 Flow 会在每个 WebPack 成功构建时运行“流状态”命令？

目前我尝试过：

webpack-shell-plugin。

它允许我在 WebPacks 构建之前和之后运行 shell 命令。但是一旦流发现错误，它就会终止监视进程。代码：

...
    plugins: [
        new WebpackShellPlugin({
          onBuildEnd:['npm run --silent flow']
        })
      ]

flow-status-webpack-plugin

对我来说它不起作用。它不会在控制台内产生任何内容。

flow-babel-webpack-plugin

虽然这个插件确实有效，但遗憾的是，在每次构建时它都会重新启动流服务器，使得流类型追踪非常长。也因为服务器重新启动 Visual Studio Code 的原生流程支持，InteliJ 停止工作。

【问题讨论】：

标签： javascript reactjs webpack flowtype

【解决方案1】：

我用

解决了这个问题

'flow-status-webpack-plugin'

webpack.config 如下所示：

var FlowStatusWebpackPlugin = require('flow-status-webpack-plugin');
{
  ...
  plugins: [
    new FlowStatusWebpackPlugin({
      onError: function(stdout) {
        console.log(stdout)
      },
      onSuccess: function(stdout){
        console.log(stdout)
      },
      restartFlow: false,
      failOnError: true,
      binaryPath: './node_modules/.bin/flow'
    })
  ]
}

【讨论】：