Babel

Babel 是一个工具链，主要用于在当前和旧的浏览器或环境中，将 ECMAScript 2015+ 代码转换为 JavaScript 向后兼容版本的代码。

是什么

Babel 先将源码转换为 AST(抽象语法树)遍历AST，对树做一些修改然后再将AST转成code，即成源码

怎么实现的

babel 的中文文档翻译很垃圾，要对比英文文档看

@babel/core

核心

可在 cmd 终端执行 babel 命令

@babel/cli

插件

@babel/plugin-*

插件集合

@babel/preset-*

This will emulate a full ES2015+ environment (no < Stage 4 proposals) and is intended to be used in an application rather than a library/tool. (this polyfill is automatically loaded when using babel-node).

@babel/plofill

注意事项

避免编译输出的重复问题

为代码创建沙盒环境

目的

@babel/runtime

周边

设计与组成（也就是架构）

presets 是一组插件的集合

@babel/preset-env

最常用到的插件

加载顺序

babel-plugin 与 babel-prest

https://mp.weixin.qq.com/s?__biz=MzAwOTkzNDc0Mg==&mid=2247483745&idx=1&sn=3ad02c5981127907840a3c3c9d0fb86c&chksm=9b594398ac2eca8e5b5c8473ae617e49e968d9b75db8242512ad0df6d4b6e8ad1d5aef9b9d86#rd

Babel 官方中英文文档

拉勾大前端课程

参考

Babel