万字长文，带你深入浅出了解 ESM 模块 和 CommonJS 模块的差异，真正地了解这两种模块化方案的种种细节

说到 babel 你肯定会先想到 babel 可以将还未被浏览器实现的 ES6 规范转换成能够运行 ES5 规范，或者可以将 JSX 转换为浏览器能识别的 HTML 结构，那么 babel 是如何进行这个转换的步骤呢，下面我将通过开发一个简单的 babel 插件来解释这整个过程…

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

构建体系作为前端工程化中的重要一环，是每一个中级前端跃升高级前端的必经之路，同时也是面试过程中的重灾区。但却很少有人将其进行系统性的梳理，本系列将以此为宗旨，帮助大家从零到一系统性的建立构建知识体系。

两条关键的线索 谈到前端构建工具，我们能想到常用的webpack、vite。不妨多想一步，它们是如何发展和壮大的呢？未来又是怎样的走向？ 对于构建工具的发展，我总结了两个关键的线索，模块化和构建性能。

webpack5 文档 https://webpack.docschina.org/concepts/#entry 一、优化1： 入口文件优化，提取公共的包 二、难

今天要讲的，就是当下最强转译器：SWC。我们一起来看看，它是怎么样超越 babel 和 esbuild，成为最强编译器的。以及它与目前前端生态中其他事物的联系。

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题

为什么 Vite 速度比 webpack 快？之前一直对这个问题不是特别了解，甚至讲不出123....，这个问题在面试中也是常见的，作者在学习的过程当中总结了以下几点，在这里分享给大家看一下！