本文详细介绍了Babel中的预设Preset，包括官方预设如@babel/preset-env、@babel/preset-flow、@babel/preset-react和@babel/preset-typescript，Stage-X实验预设与它们在JavaScript不同版本中的角色，以及如何创建和配置自定义Preset，包括preset的路径、短名称、排列顺序和参数设置。通过本文，读者可以深入理解Babel预设的使用方法。
本节我们来学习 Babel 中的预设 Presets。如果我们不想手动的组合插件，可以使用 preset 作为 Babel 插件的组合，或者共享 options 配置。
Babel7.8 官方的插件和预设有一百多种，如果我们一个个学习那需要大量的时间。但是我们也没必要全部学习，因为在实际使用中，常用的预设和插件也只有那几个，我们重点掌握这些常用的即可，掌握后这样其他的插件和预设就变得简单啦。
官方Preset
官方针对常用的环境编写了一些 preset，如下所示：
- @babel/preset-env
- @babel/preset-flow
- @babel/preset-react
- @babel/preset-typescript
这几个 preset 是社区维护的，可以通过 npm 命令下载。我们可以根据项目需要来下载使用，例如一个普通的 vue 项目，Babel 的官方预设中，只需要配一个 @babel/preset-env 就可以啦。
Stage-X实验预设
stage-x 预置中的语法转换会随着被批准为 JavaScript 新版本的组成部分而进行相应的改变（例如 ES6/ES2015）。
TC39 将提案分为以下几个阶段：
- Stage 0 – 设想（Strawman）：只是一个想法，可能有 Babel 插件。
- Stage 1 – 建议（Proposal）：这是值得跟进的。
- Stage 2 – 草案（Draft）：初始
最低0.47元/天 解锁文章
扫一扫
546
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
