自18年webpack4发布后，经历了无数个小版本的洗礼，时隔两年在20年10月10日终于迎来了5.0版本的发布。借用官网的话来说，人们不喜欢带有突破性的重大变化，所以一直积累了很多困难点。

前言 学习过Webpack都知道，Webpack在打包项目模块的过程中，有两个配置项是编译中的主角，分别是： Loader 模块预处理器 Plugin 插件 Loader会在解析每一个模块前判断文件名

Web 前端开发这几年发展非常迅速，非常多的开发框架和构建工具的涌现，敬爱的前端攻城狮，可能你昨天还在用的工具、插件，到了今天可能就过时了。到了今天，外面的世界已经变了。 所谓工程化，可以简单认为是将框架的职责拓宽再拓宽，主旨是帮业务团队更好的完成需求，工程化会预测一些常碰到的…

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…

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

在搬砖过程中，webpack 常见的问题我们都能解决。 但当在实战中遇到很特殊的需求或者社区、webpack issues 中找不到解决方案时，我们就需要自己手写 loader 、手写 plugin 和了解 webpack 的工作原理了。 本文从几个面试管常问的问题，介绍 we…

Vite 特点 快速的冷启动（将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间。源码模块的请求会根据 304 Not Modified 进行协商缓存，而依赖模块请求则会通过 Cac