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

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第32天，点击查看活动详情 1️⃣. 引入 | Demo 当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(depe

webpack作为目前主流的前端构建工具，我们几乎每天都需要与它打交道。是一个足够开放的类库，提供了可插拔的方式去自定义一些配置，包括配置 loader和plugin，本篇我们主要讨论loader

【万字长文】使用最新的webpack5新特性从零一步一步搭建完整的react18+ts构建环境，完善的模块热替换和构建速度和构建结果的优化。

本文罗列出了十多种优化方式，主要是结合 Webpack 官方文档以及项目实践，并且花了大量的时间验证后得出

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系。关于 Sour