在现代前端开发中，webpack 已经成为了一个不可或缺的工具； 开发过程中，大家也或多或少接触过 webpack 中各式各样的插件。 可以说 插件系统赋予了 webpack 丰富的可扩展性，让我们可

loader 干啥的？ 也就是说，webpack 把任何文件都看做模块，loader 能 import 任何类型的模块，但是 webpack 原生不支持譬如 css 文件等的

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第5天，点击查看活动详情。webpack之快来手写一个clean-webpack-plugin吧！

Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

前言 webpack 在前端工程领域起到了中流砥柱的作用，理解它的内部实现机制会对你的工程建设提供很大的帮助（不论是定制功能还是优化打包）。 下面我们基于 webpack5 源码结构，对整个打包流程进

关于 Webpack 在讲 Plugin 之前，我们先来了解下Webpack。本质上，Webpack是一个用于现代 JavaScript 应用程序的静态模块打包工具。它能够解析我们的代码，生成对应的依

1. webpack plugin机制实现原理是怎样的。 2. 如何自定义一个plugin。 3. compiler和compilation的区别。 4. Tapable是什么？有哪些钩子？如何使用？

我们为什么要阅读webpack源码 相信很多人都有这个疑问，为什么要阅读源码，仅仅只是一个打包工具，会用不就行了，一些配置项在官网，或者谷歌查一查不就好了吗，诚然在大部分的时候是这样的，但这样在深入时

之前webpack一直停留在用的阶段，最近刚好有时间学习了一下webpack的源码，通过读源码以加深对webpack的了解。 源码版本5.73.0