webpack

引言 对于单页面应用webpack的entry配置比较简单，而多页面应用entry配置会随着页面增加需要手动添加配置，如何才能不需要每次都改变配置呢？ 我们先看下webpack手动搭建单页面和多页面的

背景 对于前端资源无非就是js、css和图片三大块，降低包体积也就是缩小这三大资源的体积。一般对于js的优化都比较重视，优化空间基本不大。但是对于图片和css应该还有不少优化空间。 图片 当分析页面性

webpack5已经出来一段时间了，编译速度和配置都有了很大改变。vue脚手架还是webpack4，不能直接升级。 于是打算用webpack5从零搭建项目流程，相信经过手动搭建过程，会对webpack

之前文章介绍了webpack的plugin插件是如何运行的，但是对于某个特定的插件具体如何执行的还是不太清楚，这篇文章从实例的角度来剖析html-webpack-plugin的执行流程，相信通过这篇文

之前文章从源码简单详细介绍了webpack整体流程、loader触发时间和过程、模块解析原理和plugin原理核心的知识，这篇文章来说说webpack的热更新相关原理，解开心中的一些疑惑。 1. 什么

我们都知道loader和plugin是webpack两个比较重要的配置项，也是深入了解webpack打包原理的关键。上篇文章介绍过loader的运行时机和原理（https://juejin.cn/po

上两篇文章分析了webpack整体打包流程（https://juejin.cn/post/7002027415065083911） 和loader触发时机及执行过程（https://juejin.cn

上一篇文章（https://juejin.cn/post/7002027415065083911 ）从打包结果分析了webpack核心执行流程，这篇文章详细说明laoder触发时机和执行过程，一次性解

webpack一直好像是熟悉的陌生人，最近从源码角度通过debug总算是找到了打包的整个线条，揭开了这神秘的面纱。直接按部就班看源码难免会迷糊，带着自己的疑问反查源码就清晰多了。 先从整体纬度出发，这