终于学会用Vite了，但是Vite插件还不会开发？咋办，那就来看看吧，手把手教学，包教包会，速来观看。

本文将以 webpack 的初始化阶段、编译构建阶段、生成阶段为整体流程，最终以插件的实现机理为落地，由浅入深地摸清楚 webpack 核心运作机制，并在此过程中逐步剖析一些核心概念。

得益于 babel 强大的转译能力我们无需再担心项目的兼容性问题。但是 babel 不只是一款帮助我们处理代码兼容性的工具，我们还可以借助它的插件化能力完成日常工作中一些重复、繁琐的工作。本文将笔者从

工作流 Babel 的编译流程如上图所示，主要有三步：parse、transform、generate。parse 编译源代码，生成抽象语法树；transform 对 AST 树做各种操作（编译、删除