大家好，我是柒八九。 由于，新公司的项目打包是用的Vite，而之前的所参与的项目都是用Webpack作为打包工具，原来对Vite的了解，只是一个把玩工具，没有过多的深入了解。本着干一行，爱一行的职业态

webpack久坐老大哥地位，vite后起之秀： webpack的第一次发布是在 2013 年发布，长久以来是主流的前端打包工具。vite 的第一次发布是在 2021 年，是近两年的后起之秀！

我在年前给掘金平台分享了《2022年热点技术盘点》的前端热点，算是系统性的梳理了一下我自己对前端一整年的总结。

前端工程化，是每一个高级前端开发人员都必须要去深入了解的内容，这也是想要拿到高薪不可避免的一个关键因素。

公司有个特别大的后台管理系统，使用的是vue2和webpack3，开发热更新打包构建很慢，于是准备迁移vite2来优化，现在已迁移成功，来复盘记录下过程。

1、引入vite 首先根据官网下载vite项目模板(本项目环境的npm版本), 得到如下文件夹 然后将vue.config.js和index.html 文件夹移动到最外层； 在本项目中安装：（刚下载模

一、开始 近期将几个项目的脚手架从 Vue-CLI 替换成了 Vite，直呼真香，原来冷启动2分多钟，现在只要几秒，对于需要频繁切项目的人来说，真的是开发利器。 当前 Vite 的优点不止于此，这篇文

起因是公司有个核心项目, 几乎贯穿了全部业务. 所以就算另起一个项目, 也有非常多的业务需要在此之上迭代. 这一个近千页面的项目又是这么老的技术栈, 而且还是个多页面项目. 启动速度可想而知...每次

vite发布前：学不动了。。 vite使用后：真香！！ESM YYDS！ 前言 为什么选vite？ 在浏览器支持 ES 模块之前，我们见证了诸如 webpack、Rollup 和 Parcel 等工具