懂编译真的可以为所欲为|不同前端框架下的代码转换

  1. 云栖社区>
  2. 闲鱼技术>
  3. 博客>
  4. 正文

懂编译真的可以为所欲为|不同前端框架下的代码转换

闲鱼技术 2019-04-02 15:08:13 浏览3011
展开阅读全文

作者:闲鱼技术-玉缜

背景

整个前端领域在这几年迅速发展,前端框架也在不断变化,各团队选择的解决方案都不太一致,此外像小程序这种跨端场景和以往的研发方式也不太一样。在日常开发中往往会因为投放平台的不一样需要进行重新编码。前段时间我们需要在淘宝页面上投放闲鱼组件,淘宝前端研发DSL主要是React(Rax),而闲鱼前端之前研发DSL主要是Vue(Weex),一般这种情况我们都是重新用React开发,有没有办法一键将已有的Vue组件转化为React组件呢,闲鱼技术团队从代码编译的角度提出了一种解决方案。

编译器是如何工作的

日常工作中我们接触最多的编译器就是Babel,Babel可以将最新的Javascript语法编译成当前浏览器兼容的JavaScript代码,Babel工作流程分为三个步骤,由下图所示:
babel.png

抽象语法树AST是什么

在计算机科学中,

网友评论

登录后评论
0/500
评论
闲鱼技术
+ 关注
所属云栖号: 闲鱼技术