大家好，今天来和大家深入聊聊前端项目架构中的 Babel 配置。一文彻底掌握 Babel 的日常用法，从此对于前端工程中的 Babel 配置不再恐惧。

vue代码和react代码互转（组件库同步） 背景 有些需要vue和react代码互转的场景 比如：组件库之间，相同功能的组件，在vue组件库和react组件库中同步一遍。或者一些模板代码，需要多个

主要介绍了AST（Abstract Syntax Tree，抽象语法树）的一些基础知识。使用babel对js代码进行转换、遍历、修改后重新生成目标代码。对于理解常见的一些工具和插件有一些帮助。

整个前端领域在这几年迅速发展，前端框架也在不断变化，各团队选择的解决方案都不太一致，此外像小程序这种跨端场景和以往的研发方式也不太一样。在日常开发中往往会因为投放平台的不一样需要进行重新编码。前段时间我们需要在淘宝页面上投放闲鱼组件，淘宝前端研发DSL主要是React(Rax)…

团队使用 TypeScript 进行 React 组件开发。开发组件的同时，需要为组件撰写文档（使用 Markdown 编写文档）。文档中需要对组件的 props 定义进行说明。 在开发组件的时候，是编写组件 props 的接口定义。这时候就希望能够偷懒了，直接抽取组件源代码中…