前端菜13

一、前言 本文将带你学习preset-env源码，彻底理解这些配置后的含义。 往期回顾： 带你玩转工具链（一）@babel/parser 带你玩转babel工具链（二）@babel/traverse

一、前言 前面我们学习了babel插件， 下面我们详细了解下比较黑盒的@babel/helpers 与 @babel/runtime, 虽然很少用到这个库，但他在babel工具链中也扮演了重要角色！

一、前言 在前面三章，我们串联了整个的代码转换流程: parse, transform, generator。这也是babel插件最核心的内容，都是基于上面的过程实现的。本文将带大家，详细了解插件的用

一、前言 在前面两章, 我们一起学习了parser和traverse, 还差最后一步generator就可以把代码编译的整个流程串联起来。下面我们了解写@babel/generator的用法和原理吧

一、前言 在上一章节中, 我们学习了@babel/parser的基本用法，了解了parser是通过配置支持不同语法。 本文将继续学习另一个babel非常核心的库@babel/traverse。 目前大

前言 @babel/parser作为babel最核心的库，是我们学习babel最重要的一部分，对于后面插件的学习都很有帮助。本文将通过各种示例，帮大家理解babel-laoder在babel工具链中的

前言 说起sourcemap，大家应该都不陌生，由于前端代码一般都需要编译和打包，出来的代码是非常难以阅读的，有了它能方便我们调试，快速定位到问题。 什么是sourcemap? sourcemap本质

前言 loader是webpack打包过程中非常重要的一环，通过了解loader的执行过程，不仅可以学习到很多设计思想，还可以在以后遇到webpack配置问题，处理起来得心应手 如何写一个loader

在vue中我们经常用到动态导入页面组件，那么它是如何实现的呢，本文将通过简单的案例，快速了解实现原理