背景 最近团队在开发商城管理端项目，使用Vite2 + vue3 + TS作为技术栈，搭建项目脚手架过程中，发现 vite2丰富的插件架构，但是同时也踩了不少坑，然后不停地填坑，因此打算总结一下 vi

vite2常用插件篇（二）- 优化插件 上一篇文章vite2 常用插件篇（一）- 基础插件主要讲了vite插件集成的准备和几个基础插件，这篇文章讲下另外几个常用的基础插件 一、vite-plugin-

今日 身为中国人，恐怕没有不知道的，今天是七夕节，属于我们自己的情人节！ 在读这篇文章的朋友，如果你已经有了另一半，那么恭喜你，祝愿你们度过一个浪漫温馨的七夕节。 没有的话，还是好好学习，再去赢取你心

前言 上一篇文章主要讲了vite日常开发常用的几个进阶插件，这篇文章讲下另外几个常用的进阶插件 一、vite-plugin-theme 1.说明 这个是用于动态更改界面主题色的 vite 插件 npm

说白了vite就是为开发者量身定做的一套先进的开发工具，按需编译、热模块替换等特性使我们开发时免除了重新打包的等待时间，开发体验丝滑，默认还整合了vue3，是居家旅行、杀人灭口之必备良药。目前vite已经是正式版，相关的生态正在迅速繁荣起来，我也第一时间在工程化方面做了一些探索…

支持Vue 2和Vue 3开箱即用 支持组件和指令 支持Vite、Webpack、Vue CLI、Rollup 支持仅注册您使用的组件 文件夹名称作为名称空间。 支持ts 用于流行UI库的内置解析器

GitHub 仓库地址：https://github.com/vitejs/vite Vite 官网地址：https://cn.vitejs.dev/ 1. 环境变量配置 项目根目录新建，.env.p

vite.config.ts 完整的配置我已上传GitHub，点击查看 这是通过这个配置打包好的项目地址 : 演示地址 开启JSX 编写高性能的组件,JSX列子组件 配置多页面 压缩最小输出 移除co

不知道有没有这样的兄弟，学习 Vite 的时候，官网上各种配置看的是眼花缭乱。不知道哪些需要掌握，哪些只用简单了解一下。为了提高大家的效率，我把日常开发中常用的配置梳理了一下分享给大家！