本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

这个问题是对自己的发问，但我相信会有很多跟我一样的同学。 对于 babel 的使用，近半年来一直停留在与 webpack 结合使用，以及在浏览器开发环境下。导致很多 babel 的包，我都不清楚他们是干嘛的。比如 babel-register，还有 babel-runtime，…

这篇文章详细介绍了 ESLint 相关的一些知识，主要分成三大部分： ESLint 基本介绍与使用 ESLint 运行原理与 AST 如何编写 ESLint 插件 什么是 ESLint ESLint

此时不对 polyfill 做操作。如果引入 @babel/polyfill，则无视配置的浏览器兼容，引入所有的 polyfill。 根据配置的浏览器兼容，引入浏览器不兼容的 polyfill。需要在入口文件手动添加 import '@babel/polyfill'，会自动根据…

感谢 Babel 的 TypeScript 插件（@babel/preset-typescript），TypeScript 从未变得如此简单，这是 TypeScript 和 Babel 团队长达一年的官方合作成果。本文列举出了4条理由来证明 TypeScript 和 Babel…

在日常的项目中，我们经常遇到需要计算的场景。但是JavaScript计算有很大的精度问题，而且在编码代码的时候会经常忽略精度，从而增加QA同学和我们自己的工作量。 为了解决精度问题，社区也为涌现很多优

前面我们学习了 eslint 和 stylelint 的规则的写法，当大家实际去写的时候，一定会遇到很多细节的问题，比如解析的代码是有错误的，或者是属性值不足以分析出问题来之类的。我们还需要更多的工具

本文分享babel7的语法转换和polyfill的相关知识，主要内容为@babel/preset-env和plugin-transform-runtime的用法对比。

What is Babel? Babel 是一个工具链，主要用于将采用 ECMAScript 2015+ 语法编写的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器