flow


此 preset 包含如下插件:

示例

输入

 javascript
function foo(one: any, two: number, three?): string {}

输出

 javascript
function foo(one, two, three) {}

Js中文网 – 前端进阶资源教程 www.javascriptC.com ,Babel中文文档
一个致力于帮助开发者用代码改变世界为使命的平台

安装

 sh
npm install --save-dev @babel/preset-flow

用法

通过 .babelrc 配置文件(推荐)

.babelrc

 json
{
  "presets": ["@babel/preset-flow"]
}

通过命令行工具(CLI)

 sh
babel --presets @babel/preset-flow script.js

通过 Node API

 javascript
require("@babel/core").transform("code", {
  presets: ["@babel/preset-flow"],
});

参数

all

boolean 类型,默认值为 false

如果文件顶部存在 code>@flow</code pragma,或者在 .flowconfig 文件内设置了 all 参数,则 Flow 将只解析特定于 Flow 的功能。

如果你在 Flow 的配置中设置了 all 参数,请确保将此参数设置为 true 以获得相匹配的行为。

例如,如果没有上述任何一个参数设置,则如下所示的带有类型参数的调用表达式(call expression):


f<T>(e)

将被解析为一个嵌套的二元表达式:

 javascript
f < T > e;

← stage-3react →

来源:Js中文网 – 前端进阶资源教程
链接:https://www.javascriptc.com/docs/babel-manual/babel-preset-flow

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 画漫画的程序员 GitHub仓库,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界