Webpack 和 Vite 都是前端工程化工具。Webpack 作为老大哥，在前端社区也算站稳了脚跟。随着Vite 的出现，Webpack 的缺陷就慢慢暴露，Vite 逐渐开始替代 Webpack。

webpack5升级有哪些问题，升级webpack5之后如何做性能优化，哪些优化项是比较重要的？这篇文章告诉你答案

HTTP是浏览器中最重要且使用最多的协议，它不仅是浏览器与服务端的通信语言，更是互联网的基石。随着浏览器的不断更新迭代，HTTP为了适应技术的更新也在不断进化

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

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

深夜，一阵刺耳的手机铃声把我吵醒，我迅速的把手机按成静音，看下屏幕，是我几年前带过的一个妹子的电话，看着熟睡的老婆孩子，我蹑手蹑脚地走到厨房接通了电话。 一接通，就传来一阵哭泣声：“师傅，我找不

明显看到app.js过大，浏览器运行6.8M耗时13.62s 优化1： 按需加载 改为 　　上面那种普通的加载方式的缺点是把所有的路由打包在一个js文件里面页面多的话这个文件会非常大加载的很慢。 　　

前端工程化解决解决的问题包含前端开发效率，开发规范，访问性能等。传统前端开发会碰到的问题以及解决方案js全局作用域冲突问题。

前言 🎉 本文将从三个角度（页面渲染，打包优化，总体优化）分析前端性能优化的一些方案。如有错误，欢迎指出，也可以在评论区提出你对性能优化的一些见解，相互学习，共同进步！💪 （ps: 小彬之前也总结过一