一直以为，我的Webpack就是复制粘贴的水平，而对Webpack的知识真的很模糊，甚至是纯小白。所以前段时间开始对Webpack进行比较系统的学习。 学习完成后，我抽空整理了笔记，前前后后也花了一周

webpack的构建流程1. **初始化参数**：从配置文件或者shell语句中读取合并参数2. **开始编译**：用参数初始化`Compiler`对象，加载所有配置的插件，执行run方法。

昨天发了一篇文章《记一次gitHook带来的思考🤔》，发现npm在install和uninstall的时候可以执行脚本，@羽叶丶大佬评论说，可以继续思考下 为何装包时可以运行脚本命令。于是乎今天就去看了一下昨天的主角yorkie，再它的package.json中发现了线索 s…

在上一篇文章Webpack配置全解析介绍了Webpack中loader和plugins的一些基本用法，当loader和plugins使用较多后项目也会越来越耗时，因此这次我们继续学习如何优化webpack的配置来让我们的项目运行的更快耗时更短。 本文将从缩小文件搜索范围、减少打…

Chunk 是什么？Webpack 如何根据 entry、异步模块、runtime 配置组装 Chunk？

背景 从入职到现在，报警群里每个月总会有几个Loading chunk xxx failed的告警，尝试过联系CDN组的同学帮忙排查，但也查不出问题，最终还是不了了之，后续用引进了资源retry的机制

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

前言 笔者目前所在团队是使用 Monorepo 的方式管理所有的业务项目，而随着项目的增多，稳定性以及开发体验受到挑战，诸多问题开始暴露，可以明显感受到现有的 Monorepo 架构已经不足以支撑日渐

Hi~大家好，今天给大家介绍一个现代的包管理工具，名字叫做 pnpm，英文里面的意思叫做 performant npm ，意味“高性能的 npm”，官网地址可以参考 https://pnpm.io/。