javascript - 向 grunt 服务器开发工作流程添加流类型检查

Question

我已将 grunt-flow-type-check 添加到我的 Gruntfile.js 中，并且它在 watch 中工作。如何添加任务以从发送到浏览器的代码中去除流类型注释？

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

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

Answer 1

几天前我刚刚自己设置了这一切。

要删除注释，您必须使用 React jsx 转换器。

安装转译器:npm install -g react-tools

运行转译器:jsx --strip-types --harmony --watch src/build/

将其用作 grunt 构建的一部分是通过使用 grunt shell 来完成的。 (Grunt shell info)

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、_ 等)。