vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；

大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)

vite 令人眼前一亮的莫过于开发阶段的预构建与快速响应开发体验了。 但是可能在自己项目中使用 vite 的时候会出现水土不服， 很重要的一个问题发现优化并没有效果， 主要是因为我们项目首屏也就是 i

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

通过本文你将学会： 1. 如何优雅的自己去看 `vite` 源码； 2. 什么是 `monorepo`； 3. `vite 的三大命令` 如何运行； 4. `vite` 优雅的使用了哪些插件；

前段时间写了个Vue3的工程项目用起来还不错，借此把它移植过来React这边，给大家介绍下Vite2+React+TypeScript如何合理搭建和使用周边插件，以及让他们组合到整个工程中去。

Vite 2.x + React 项目模板搭建 ，并接入 前端工程化规范校验；react-router-dom v6、eslint、prettier、husky

Vite 出来好一段时间了，最开始支持 Vue，而现在已经不受框架限制了。而 Vite解决的是对于项目每次启动与打包构建等待时间长的问题，Vite 就是解决了该问题，提高开发效率与体验

最近公司要做一个小项目，我问老大能不能用 Vue 写，因为公司一直用 React， 主要是想尝试一下 Vite。 Vite 又是祖师爷出的，所以我想试试用 Vue 作为技术栈。老大问我：“屎吃不吃。” 我隐约觉得老大是在骂祖师爷，但又没法反驳，于是就尝试用 Vite + Rea…