博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
babel常识备忘
阅读量:5089 次
发布时间:2019-06-13

本文共 1025 字,大约阅读时间需要 3 分钟。

{

"plugins": ["transform-es2015-arrow-functions"],
"presets": ["es2015"]
}
一个典型的babelrc配置:包括presets 与 plugins两个字端。

需要明确的点:

1,es2015:es6

2,es2016:es7
3,es2016:es8

presets:本质上是预设的plugin集合,提供了一些官方推荐的plugin。不需要一个一个手动去配置。

babel-preset-es2015: 可以将es2015即es6的js代码编译为es5

babel-preset-es2016: 可以将es2016即es7的js代码编译为es6

babel-preset-es2017: 可以将es2017即es8的js代码编译为es7

babel-preset-stage-x: 可以将处于某一阶段的js语法编译为正式版本的js代码

stage-X: 指处于某一阶段的js语言提案。

提案共分为五个阶段:

stage-0: 稻草人-只是一个大胆的想法 包含下面所有stage

stage-1: 提案-初步尝试
stage-2: 初稿-完成初步规范
stage-3: 候选-完成规范和浏览器初步实现
stage-4: 完成-将被添加到下一年发布

当前 babel 推荐使用 babel-preset-env 替代 babel-preset-es2015 和 babel-preset-es2016 以及 babel-preset-es2017 ,env的支持范围更广,包含es2015 es2016 es2017的所有语法编译,并且它可以根据项目运行平台的支持情况自行选择编译版本。

使用方法: '.babelrc' 中 'es2015' 改为 'env',

{

"presets": ["env", "stage-2"]
}

插件中每个访问者都有排序问题。

这意味着如果两次转译都访问相同的”程序”节点,则转译将按照 plugin 或 preset 的规则进行排序然后执行。

Plugin 会运行在 Preset 之前。

Plugin 会从第一个开始顺序执行。ordering is first to last.
Preset 的顺序则刚好相反(从最后一个逆序执行)。

转载于:https://www.cnblogs.com/jeremy123/p/10451517.html

你可能感兴趣的文章