Webpack 一直都是有些人的心魔，不清楚原理是什么，不知道怎么去配置，只会基本的 API 使用。它就像一个黑盒，让部分开发者对它望而生畏。 而本节最大的作用，就是帮大家一点一点的消灭心魔。

这篇文章干货不少于上篇文章，这篇我们深入讨论一下宏这个玩意 —— 我想我们对宏并不陌生，因为很多程序员第一门语言就是 C/C++; 一些 Lisp 方言也支持宏(如 Clojure、Scheme), 听说它们的宏写起来很优雅；一些现代的编程语言对宏也有一定的支持，如 Rust、…

✨满满的干货，不容错过哦. 写文不易，点赞是最大的鼓励。 文章下篇已经更新：深入浅出 Babel 下篇：既生 Plugin 何生 Macros 有点冷清，赞起来。 上图是 Babel 的处理流程, 如果读者学习过编译器原理，这个过程就相当亲切了. 1️⃣词法解析(Lexical…

webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） 以下结论都是是通过一步一步实际测试，然后分析打包产物，来解析原理 以小见大，先从简单的入手 先纯cjs，在纯esm，在混用，在分

不多说直接干货2个插件vscode插件vspWepackautoUploadJ为了方便更改(webpack插件webpack-auto-upload-j的1.0.4版本新增的开关)webpack插件w

在性能优化的角度，一起简单地复习一遍这个经典的过程：首先我们需要通过 DNS（域名解析系统）将 URL 解析为对应的 IP 地址，然后与这个 IP 地址确定的那台服务器建立起 TCP 网络连接，随后我们向服务端抛出我们的 HTTP 请求，服务端处理完我们的请求之后，把目标数据放…

常见的plugin、loader，插件loader的区别，webpack的构建流程，性能优化，hash生成，热更新原理，tree-shaking原理……