1,首先,babel.parse插件会读取文件,将文件生成ast的语法树【类似与N层级的节点对象】
2,其次,babel.core插件会用transformFromAst进行转换,将会获取ast的内容,将内容根据配置做向后兼容【浏览器可识别的代码】,获取模块的依赖项
3,再次,@babel/traverse与babel解析器配合使用,将各个依赖进行向后兼容【循环操作各个依赖文件】
4,输出dist/bundle.js 已经做好向后编译兼容的代码
重要参考:https://juejin.im/post/5e04c935e51d4557ea02c097