webpack说难很难，说简单也简单，难主要是loader和plugin模块 webpack是目前用的最多的构建工具，它不是个框架，webpack就是个打包工具，给项目做压缩处理，此前我介绍过vite

模块热替换(hot module replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新所有类型的模块，而无需完全刷新 一种是页面刷新，不保留页面状态，就是简单粗暴，直接 window.location.reload()。 另一种是基…

前言 之前没有自己搭建过前端项目，在熟悉已有项目的过程中看到 package.json里关于 babel 的依赖就有这么多，他们分别都是干嘛的呢？每次搭建项目都需要这些依赖吗？

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

在前端工程化日趋复杂的今天，模块打包工具在我们的开发中起到了越来越重要的作用，其中webpack就是最热门的打包工具之一。 说到webpack，可能很多小伙伴会觉得既熟悉又陌生，熟悉是因为几乎在每一个项目中我们都会用上它，又因为webpack复杂的配置和五花八门的功能感到陌生。…

搭建webpack环境 创建一个项目 目录结构 webpack版本 这里说明一下，webpack4和webpack5的配置信息或者显示信息可能有点区别 编写配置文件 新建文件 package.json

1. 基础 -- 会配置 2. 进阶 -- 能优化 3. 深入 -- 懂原理 一层层晋级打怪 🦖 ，解答不同深度的 Webpack 面试题问题 🤓

本文通过精美的图文，深入分析 Webpack Loader 的运行机制，带你吃透 Webpack loader 的 11 个核心问题。

今天给大家介绍社区当中一个 webpack 的流式配置方案——webpack-chain，这个方案现在已经在我目前所在的团队落地，且带来了一些正向的收益。