最近在优化一个项目的加载性能时，对 optimization.splitChunks.chunks 的三个可选值 async、initial 和 all 的具体效果产生了疑惑。为了彻底搞清楚它们的区别

webpack概述： webpack是一款常见的前端构建工具。它通过分析项目中的模块依赖关系，将各类资源视为模块。对于这些资源，一部分是像 Html，Css，js等浏览器认识的资源，另一部分是 jsx

本文以剖析webpack-dev-server源码，从零开始实现一个webpack热更新HMR，深入了解webpack-dev-server、webpack-dev-middleware、webpack-hot-middleware的实现机制，彻底搞懂他们的原理，在面试过程中这…

写前端一年多了，用的都是大佬建好的架子，还没自己从头建个项目，现在开始踩坑。 首先，新建个文件夹basic-react-app。名字不是重点，你高兴就好。 然后，使用git init 初始化仓库，可以考虑先在远端初始化仓库，再拉去到本地。 如果你使用了特殊的命令窗或zsh，应该…

在面试中，如果被要求手写一个 Webpack 的热更新（Hot Module Replacement，HMR） ，通常并不是真的让你从零开始完整实现一个像 Webpack 那样复杂的热更新系统（那涉及

在上一篇文章中，我们深入探讨了Webpack Plugin的工作原理和开发实践。今天，我们将继续Webpack系列，聚焦于一个同样重要的主题——SourceMap。作为现代前端开发中不可或缺的调试工具

总算是将这个插件完成了，虽然编写插件的逻辑不是很难，但难就难在需要掌握比较全面的知识点，像 alias、paths、references、webpack.config.js 这些

本文把 Tree-Shaking 从“打包优化”的专业术语，解释成普通开发者也能理解的“摇掉没用代码”的直观概念，原理是ESM静态分析+副作用标记+压缩器协作并提供最佳实践，让打包更轻量、加载更快

很多前端开发者每天都在用 Webpack，对着 webpack.config.js 复制粘贴。但你是否想过，当你按下 npm run build 的那一刻，Webpack 内部到底发生了什么？