將流類型檢查添加到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，_等）。