Webpack可以将其理解是一种基于事件流的编程范例，一个插件合集。 而将这些插件控制在webapck事件流上的运行的就是webpack自己写的基础类Tapable。 将plugin控制在webapack事件流上运行（如下图）。后面我们将看到核心的对象 Compiler、Com…

本文由团队成员 [咕噜](https://github.com/ShinyLeee) 撰写，已授权涂鸦大前端独家使用，包括但不限于编辑、标注原创等权益。

根据很多相关文章中的例子 vue inspect plugins 命令可以单独查看plugins的配置。 之后我在文档中找到了对应的说明 审查项目的-webpack-配置。 这么看起来豁然开朗，生成webpack的配置中就有了一些说明。 配置的json数据中的第一层即使方法的名…

在上篇文章《Webpack源码解读：理清编译主流程》中，大体了解了webpack的编译主流程，其中我们跳过了一个重要内容Tapable。webpack 插件向第三方开发者提供了钩入webpack引擎中的编译流程的方式，而Tapable是插件的最核心基础。 本文首先分析Tapab…

webpack的熟练使用已成为当代前端工程师必备的生存技能。毋庸置疑，webpack已成为前端构建工具的佼佼者，网络上关于如何使用webpack的技术文档层出不穷。但鲜有能将webpack的构建流程讲清楚的。本文尝试从解读源码以及断点调试的方式，来探究 webpack 是如何一…

🔔序言 对于 webpack 来说， loader 和 plugin 可以算是需求程度最为广泛的配置项了。但是呢，单单止步于配置可能还不够。

uniapp打包拆分vendors，使用optimization.splitChunks将vendors拆分为一个个小的chunks，提升页面加载速度

前端项目开发中会遇到一些npm依赖包中一些漏洞，有些三方项目作者已不再维护。或者实际业务场景需要定制化三方依赖。此时便需要我们修改node_modules中源码。 使用patch-package打补。

内网穿透又叫内网映射，功能是把内网IP映射到公网，使公网也能轻松访问所搭建的服务。 我在公司电脑上运行了一个web项目，现在希望所有人都能访问它。很显然，只有公司的同事能通过]ip地址访问到页面...