基于源码的 Webpack 结构分析

分享背景即使目前优秀的构建工具层出不穷，Webpack 还是保持着其在现代前端开发工具链中不可替代的地位。这主要得益于其优秀的灵活性以及强大的生态系统。然而，随着版本更替，Webpack 的功能越来越庞大，整体的代码量日渐夸张，大大提高了学习难度。与此同时，大多数人对 Webpack 的使用都停留在配置层面，这容易陷入几个问题：想实现某个功能，但是不清楚原理，只能花大量时间调研方案。简历上写了用 Webpack 实现了 xx 功能，结果面试官连续追问直至原理🫠。因此，深入学习 Webpack 底层原理以及架构设计是非常必要的，考虑到 Webpack 体系庞大，这边依据结构将其分为三个部分：JS 打包的核心流程Plugin 的作用与原理Loader 的作用与原理Attention：这篇分享着重在给读者梳理一个对 Webpack 完整的认知体系，并不会具体涉及到代码分割、按需加载 ………………………………