Babel

在项目中通常会有埋点的需求，然而当项目过于庞大，给每个函数添加埋点函数是不现实的，还有，埋点和业务逻辑没有关系，混入代码中会导致维护混乱🤪。基于此我们可以将埋点的任务交给babel插件，实现自动埋点

前言 毋庸置疑，要说前端调试代码用的最多的，肯定是console.log，虽然我现在 debugger 用的比较多，但对于生产环境、小程序真机调试，还是需要用到 log 来查看变量值，比如我下午遇到个

阿里三面的时候被问到了这个问题，当时思路虽然正确，可惜表述的不够清晰 后来花了一些时间整理了下思路，那么如何实现给所有的async函数添加try/catch呢？

前言 之前看过我文章随手写了个 plugin，就将小程序体积减少了 120k的小伙伴（没看过的也可以了解下前因后果，说不定以后碰到相同的问题，就能按这种方式解决），肯定知道我们公司的 api 项目因为

新的配置方法，更加简便，更加强大，并且是Babel官方成员更推荐的配置方法。官网还没有相关文档，所以这篇文章将会教会你如何使用新的配置方法

最近一直在尝试对项目构建性能进一步优化， 除了webpack常用的一些优化方式，比如缓存优化、多进程优化等，也尝试在项目内使用swc及esbuild，以进一步提高构建速度

前言 👮🏻面试官：“你好，看你简历，你说你会AST，请介绍一下你对AST的理解” 👦🏻我：“你好！AST代表抽象语法树，它是源代码的结构化表示。在前端开发中，AST可以用于代码解析、分析和转换。” 👮

前言 埋点，可以理解为针对用户的特定行为，进行一个记录，处理和发送相关事件以及对应的数据的技术。这里，我们看如何在编译过程中，实现埋点点击自动上报。

大家好，我卡颂。 最近，Typescript v5.0 beta发布，主打特性是支持Decorators。 有同学会疑惑，Decorators不是早就有的特性么？各种框架（比如Nest.js、Angu

告别复制粘贴，读完这篇文章，你会对Babel各配置有一个系统的理解，并且还可以自己配置一个Babel

弄清楚这几个包，Babel就差不多理解80%了。文章已经梳理好平时项目中Babel经常用到的几个包，带你一步步看懂Babel官网文档，解答官网中容易蒙圈的地方

起因 已经颓废了很久 因为实在不知道写啥了 突然我某个同事对我说 宝哥 你看这个页面好多console.log 不仅会影响性能 而且可能会被不法分子所利用 我觉得很有道理 所以我萌生了写一个小插件来去

本文介绍了如何通过自定义webpack loader以及babel plugin，实现自定义文件打包编译逻辑，用来替换国际化Key字符串，最终达到减小打包文件体积，提高首屏加载效率。

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

前言 这篇文章更多是炫耀成分，会讲核心技术突破点，但是代码实现和技术思路太多了。我花了两周的时间不断的分析vue解析思路，ast语法树。翻看各个代码库的源码和各种官方文档。中间有太多的突破点了。 文章

此外还要注意这里不一定就是正式进入规范的语法。 1. let 和 const 在我们开发的时候，可能认为应该默认使用 let 而不是 var，这种情况下，对于需要写保护的变量要使用 const。 然而另一种做法日益普及：默认使用 const，只有当确实需要改变变量的值的时候才使…

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

本文是介绍 Babel 工作原理的入门篇，从 Babel 的使用开始，一步步分析 Babel 转换过程，最后手写实现一个 Babel 插件。

可以看看。