前言 想要提高工作效率，想要更多的时间去摸鱼，那么babel插件绝对是一大利器。babel的强大之处就像《风云》中步惊云手中的绝世好剑一样，快如闪电，所向披靡，敌人无不望风而逃 但是有些同学感觉bab

babel就天天低头不见抬头见，但是作为一个构建的工具，只在项目之初，写（抄）配置文件的时候见个面，似乎从来没有真正了解过他，今天自己写项目，自己配构建文件，终于要面对我不认识babel这个事实了，狠

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

「干货」近万字分享带你真正走进Babel的世界。从工程化前端中的babel各种配置的区别与联系分析，再到打造属于自己的Babel插件，从此带你真正领略前端领域中Babel编译之美！

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

所有转换都将使用本地配置文件。 转换传入的代码。使用生成的代码、源映射和AST调用回调。 转换传入的代码。返回包含生成的代码、源映射和AST的对象。 转换传入的代码。使用生成的代码、源映射和AST返回对象的 promise。 异步转换文件的整个内容。 babel.transfo…

官方解释,是下一代JavaScript 语法的编译器。 既然是下一代Javascript的标准，浏览器因版本的不同对此会有兼容性问题，JavaScript的新的方法都不能使用，但是目前我们在项目开发一直提倡使用最新的语法糖编写，不但能减少代码量，而且async,await等新特…

在刚开始使用babel的时候，相信很多同学应该和我一样，对于babel的使用配置一知半解，babel相关的包@babel/core，@babel/cli，babel-loader，@babel/polyfill，@babel/plugin-transform-runtime，@…

遂卒.... 开玩笑的，既然提到了，又没回答上来什么，哎哟我这暴脾气，一想到今晚就睡不着，连夜把它撸了。 那么我们来从零写个插件吧。 你会发现Babel解析成表达式里面再嵌套表达式。 到这里，已经向你大概的讲解了，如何编写一个Babel插件，再也不怕面试官问我答不出什么了哈..…