Babel
2021-12-04 12:07:29 0 举报AI智能生成
Babel学习
作者其他创作
大纲/内容
是什么
Babel 是一个工具链，
主要用于在当前和旧的浏览器或环境中，
将 ECMAScript 2015+ 代码转换为 JavaScript 向后兼容版本的代码。
主要用于在当前和旧的浏览器或环境中，
将 ECMAScript 2015+ 代码转换为 JavaScript 向后兼容版本的代码。
怎么实现的
- Babel 先将源码转换为 AST(抽象语法树)
- 遍历AST，对树做一些修改
- 然后再将AST转成code，即成源码
babel 的中文文档翻译很垃圾，要对比英文文档看
设计与组成（也就是架构）
核心
@babel/core
周边
@babel/cli
可在 cmd 终端执行 babel 命令
@babel/plugin-*
插件
@babel/preset-*
插件集合
@babel/plofill
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).
and is intended to be used in an application rather than a library/tool.
(this polyfill is automatically loaded when using babel-node).
@babel/runtime
注意事项
目的
避免编译输出的重复问题
为代码创建沙盒环境
babel-plugin 与 babel-prest
presets 是一组插件的集合
最常用到的插件
@babel/preset-env
加载顺序
参考
https://mp.weixin.qq.com/s?__biz=MzAwOTkzNDc0Mg==&mid=2247483745&idx=1&sn=3ad02c5981127907840a3c3c9d0fb86c&chksm=9b594398ac2eca8e5b5c8473ae617e49e968d9b75db8242512ad0df6d4b6e8ad1d5aef9b9d86#rd
Babel 官方中英文文档
拉勾大前端课程
职业：本科
0 条评论
下一页
为你推荐
查看更多
