AI 助理
备案控制台登录注册
开发者社区 问答 正文

Babel的原理是什么?

Babel的原理是什么?

【精品问答】前端面试手册

【精品问答】前端面试手册之前端工程化篇

展开
收起
前端问答 2019-12-13 07:50:15 951 分享
分享
 版权
举报

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 前端问答
    前端问答小助手

    babel 的转译过程也分为三个阶段，这三步具体是：

    • 解析 Parse: 将代码解析⽣成抽象语法树( 即AST )，即词法分析与语法分析的过程
    • 转换 Transform: 对于 AST 进⾏变换⼀系列的操作，babel 接受得到 AST 并通过 babel-traverse 对其进⾏遍历，在 此过程中进⾏添加、更新及移除等操作
    • ⽣成 Generate: 将变换后的 AST 再转换为 JS 代码, 使⽤到的模块是 babel-generator

    image.png

    2019-12-13 07:51:11 举报
    赞同 1 评论

    评论

    全部评论 (0)

    登录后可评论
问答分类：
前端开发
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
stylus/sass/less区别是什么呀？
543
1
0
Sass有哪些优点呢？
355
1
0
Babel的作用是什么？
1641
2
0
关于React JSX，JSX是类型安全的，在编译过程中就能发现错误对吗？
632
1
0
什么是Babel？
1386
2
0
TypeScript 转译到 Dart 的方案是如何运行的？
1300
1
0
vue项目中已经引入babel-polyfill在ie9中还是报错 ?报错
579
1
0
vue项目中已经安装了babel-polyfill但还是在IE10中报错?报错
1548
1
0
你有使用过babel-polyfill模块吗？主要是用来做什么的？
1740
1
0
怎么配置使vue2.0+支持TypeScript写法？
1284
1
0
AI助理

你好，我是AI助理

可以解答问题、推荐解决方案等