1.什么是vite vite是新一代前端构建工具，能够显著提升前端开发体验。他是使用rollup打包你的代码，是开箱即用的，同时也提供了丰富的插件api,带来了高度的可扩展性。可以构建vue，reac

很多兄弟都在使用 Vite 了，但如果你是前端 leader 或者是团队核心的话，不得不可考虑的一个问题就是性能优化。Vite 在开发环境性能已经非常不错了，生产环境应该如何优化呢？

业务背景 近些年来，随着前端工程架构发展，使得前端项目中也能拥有如后端工程的模块能力。今天我们就来聊下如何在`Vite`中实现一套拓展能力强的多环境适配方案。

大家好，我是易师傅，因为公司目前大部分项目都已转为 vite，为了给社区添加一份贡献，故开发了一个已经应用到项目中的vite 前端打包进度条的插件 vite-plugin-progress；

使用 Vitest，你可以更高效，更轻松的将你的项目与单元测试集成进来，同时希望可以燃起你对于前端 TDD 的兴趣

首要任务 安装vite 创建vite.config.js文件 index.html vue-cli方式 在vue-cli，index.html文件是存放在public文件下的 vite方式 直接将in