Babel
  • Docs
  • Setup
  • Try it out
  • Videos
  • Blog
  • Donate
  • Team
  • GitHub
Edit

@babel/plugin-transform-flow-comments

You should be able to use this plugin instead of @babel/plugin-flow-strip-types to preserve the /* @flow */ directive and still use flow.

Flow Comments Blog Post

Example

In

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";

Out

"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';*/

Installation

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

Usage

With a configuration file (Recommended)

{
  "plugins": ["@babel/plugin-transform-flow-comments"]
}

Via CLI

babel --plugins @babel/plugin-transform-flow-comments script.js

Via Node API

require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-transform-flow-comments"],
});
  • Example
  • Installation
  • Usage
    • With a configuration file (Recommended)
    • Via CLI
    • Via Node API
Babel
Docs
Learn ES2015
Community
VideosUser ShowcaseStack OverflowSlack ChannelTwitter
More
BlogGitHub OrgGitHub RepoWebsite RepoOld 6.x SiteOld 5.x Site