将流类型检查添加到grunt服务器开发工作流

Question

我已经在我的Gruntfile.js添加了grunt-flow-type-check ，它在watch 。 如何添加任务以从发送到浏览器的代码中剥离流类型注释？

流服务器似乎自动执行此操作，但是我想在现有的基于grunt-server的开发工作流中使用流检查。

另外，如何也可以添加要由grunt-flow-type-check引用的自定义接口文件，而不必在实际代码中包含声明？

Answer 1

我只是几天前自己设置的。

要仅删除注释，您必须使用react jsx transpiler。

安装transpiler： npm install -g react-tools

运行编译器： jsx --strip-types --harmony --watch src/ build/

通过使用grunt shell将其用作grunt构建的一部分。 （ 咕unt的外壳信息 ）

Grunt Shell使您可以将Shell命令用作Grunt构建的一部分。 就我而言，在其余的js构建之前，我都使用它来运行类型检查器和编译器。

如果没有发现错误，这里的设置将运行类型检查器，然后剥离注释：

    shell: {
        'flow': {
            command: [
                'cd path/to/your/js',
                'flow check --lib globals_lib'
            ].join('&&')
        },
        'transpile': {
            command: 'jsx --strip-types path/to/src/ path/to/dist/',
            stdout: true,
            failOnError: true
        }
    },

至于第二个问题。 上面的--lib标志使您可以拥有一个包含所有声明的文件（或多个文件）。 在这种情况下，我按照fb的示例进行操作，只是有一个globals_lib文件夹，其中包含一个名为globals.js的文件，其中包含我的所有声明（jQuery，_等）。