Flow comments

Turn flow type annotations into comments

你应该使用这个插件而不是 babel-plugin-flow-strip-types,以保存 /* @flow */ 指令并仍然使用流。

Flow 注释博客

示例

输入

function foo(bar?) {}
function foo2(bar?: string) {}
function foo(x: number): string {}
type B = {
  name: string;
};
export type GraphQLFormattedError = number;
import type A, { B, C } from './types';
import typeof D, { E, F } from './types';

输出

"use strict";

function foo(bar /*:: ?*/) {}
function foo2(bar /*:: ?: string*/) {}
function foo(x /*: number*/) /*: string*/ {}
/*:: type B = {
  name: string;
};*/
/*:: export type GraphQLFormattedError = number;*/
/*:: import type A, { B, C } from './types';*/
/*:: import typeof D, { E, F } from './types';*/

安装

npm install --save-dev babel-plugin-transform-flow-comments

用法

通过 .babelrc(推荐)

.babelrc

{
  "plugins": ["transform-flow-comments"]
}

通过 CLI

babel --plugins transform-flow-comments script.js

通过 Node API

require("babel-core").transform("code", {
  plugins: ["transform-flow-comments"]
});