前言 webpack 基于 Tapable 实现了一套插件架构体系，它能够在特定时机触发钩子，并附带上足够的上下文信息。 在插件定义的钩子回调中，与这些上下文背后的数据结构、接口交互产生 side e

大家最近是不是经常听到 pnpm，我也一样。今天研究了一下它的机制，确实厉害，对 yarn 和 npm 可以说是降维打击。 那具体好在哪里呢？ 我们一起来看一下。 我们按照包管理工具的发展历史，从 n

概述 无论是为了更高效的团队协作，还是改进代码管理，Monorepo 都是一种有效的方案。本文用「5W1H」带你了解以下内容： 「What」什么是 Monorepo ？ 「Why」为什么会有 Mono

这篇文章给大家分享一个业内一款出色的包管理器——pnpm。目前 GitHub 已经有 star 9.8k，现在已经相对成熟且稳定了。它由 npm/yarn 衍生而来，但却解决了 npm/yarn 内部潜在的 bug，并且极大了地优化了性能，扩展了使用场景。下面是本文的思维导图:…

在前端技术发展日新月异的今天，前端工程化已经成了每个前端工作/学习者的必备知识，一文带你吃透webpack

平常我们开发时很少摆弄 webpack 配置，都是大佬给我们配好了，我们吭呲吭呲写业务代码就好了，对很多常用的 loader 和 plugin 大概知道它是干嘛的，但实际上底下做了什么事情却像隔了层雾

使用 webpack 进行打包，每个资源都可以生成一个带 hash 的路径。浏览器可以利用该 hash 能够做到资源缓存，访问性能提升。 我们可以通过 output.filename 进行配置，配置如

本文将介绍 SourceMap 的作用、简单工作原理以及 webpack 中不同 devtool 所构建的SourceMap有何区别，以及如何选择最合适的devtool，希望对大家有所帮助

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替换，只需要局部刷新页面上发生变化的模块，同时可以保留当前的页面状态，比如复选框的选中状态、输入框的输入等。…