如何设置Flow以使用WebPack 2.0监视文件更改

时间:2017-06-15 21:14:26

标签: javascript reactjs webpack flowtype

有没有办法设置 Flow 与WebPack 2手表一起运行。那么Flow会在每个WebPack成功构建时运行'flow status'命令吗?

目前我尝试过:

的WebPack壳插件即可。

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

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

流地位的WebPack-插件

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

流巴贝尔-的WebPack-插件

虽然这个插件确实有效,但遗憾的是每次构建都会重新启动流服务器,使流类型追逐的时间非常长。另外,由于服务器重启,本机流支持表单Visual Studio Code和InteliJ停止工作。

1 个答案:

答案 0 :(得分: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'
    })
  ]
}