babel是如何将es6等代码转化为向后兼容的代码的？

1，首先，babel.parse插件会读取文件，将文件生成ast的语法树【类似与N层级的节点对象】

2，其次，babel.core插件会用transformFromAst进行转换，将会获取ast的内容，将内容根据配置做向后兼容【浏览器可识别的代码】，获取模块的依赖项

3，再次，@babel/traverse与babel解析器配合使用，将各个依赖进行向后兼容【循环操作各个依赖文件】

4，输出dist/bundle.js 已经做好向后编译兼容的代码

重要参考：https://juejin.im/post/5e04c935e51d4557ea02c097

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • babel
    babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    锋享前端阅读 1,854评论 0赞 10
  • 【JavaScript】深入理解Babel原理及其使用
    前言 半年前也写过一篇babel的简单使用文章，当时看了下babel的文档，但是很多地方还不理解，所以文章里没有怎...
    mercurygear阅读 46,123评论 9赞 100
  • [实践系列]Babel原理
    前言 [实践系列] 主要是让我们通过实践去加深对一些原理的理解。 [实践系列]前端路由 有兴趣的同学可以关注 [实...
    null仔阅读 1,399评论 0赞 1
  • Babel 用户手册
    babel官网 babel 介绍 Babel 是一个通用的多用途 JavaScript 编译器。通过 Babel ...
    不得不爱XIN阅读 1,173评论 0赞 9
  • [Babel]代码转码器的使用说明
    Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 这意味着，你可以现在就用 ...
    yichen_china阅读 1,338评论 0赞 3