AST 初识 什么是 AST Abstract Syntax Tree，抽象语法树，是源代码结构的一种抽象表示，它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 Babe

这个文档涵盖了所有你想知道的关于 Babel 及其相关工具使用的所有内容。 Babel 是一个用于 JavaScript 的通用多用途编译器，使用 Babel 可以使用（或创建）下一代 的JavaScript，以及下一代 JavaScript 工具。 作为一门语言，JavaSc…

Babel6 与Babel7 配置具有一定的差异，在Babel的发展历程中，我们有必要对其配置有一定的了解，才能在项目中正常合理的配置Babel的编译，配置错误会导致出现冗余代码、项目构建产物过大

Turborepo 可以帮助我们更好的管理Monorepo项目, 凭借自身优秀的任务调度管理和增量构建缓存等等， 都可以帮助我们在未来解决monorepo目前存在的一些问题，进而提高我们的开发效率，以

对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢…

如果你有babel相关知识基础建议直接跳过 前置知识 部分，直接前往 "插件编写" 部分。 # 前置知识 ## 什么是AST 学习babel, 必备知识就是理解AST。 **那什么是AST呢？

使用 antd 时, 需要加载组件的样式 antd/dist/antd.css, 但是我们大部分时候不需要使用到antd所有的组件, 更不需要载入所有组件的样式。 而babel-plugin-import能够帮助我们在引入组件的时候自动加载相关样式。 引入库相对于其packag…

公司的前端项目基本都是用Webpack来做工程化的，而Webpack虽然只是一个工具，但内部涉及到非常多的知识，之前一直靠CV来解决问题，之知其然不知其所以然，希望这次能整理一下相关的知识点。 那么打个比方就是我们搭建一个项目好比搭建一个房子，我们把所需要的材料（js文件、图片…

结合实际项目架构经历讲述究竟如何落地Babel的最佳实践，文章会带你从不同角度探索各种项目场景下Babel最佳落地方案，从实际出发带你寻找不同场景下Babel的落地方案。