在已有的React项目中引入Vite

Vite官网

        https://vitejs.cn/vite3-cn/guide/why.html

        官网的示例是通过vite去创建项目，那么如果在已有的项目中想要使用vite来达到快速启动呢

        查看了很多人写的文档+自己实际试了一下，是实现了vite的横插一脚

示例

        1.首先我用react脚手架初始化了一个项目

        2.安装依赖

yarn add vite     //安装vite依赖
yarn add @vitejs/plugin-react    

        3.就像vite初始化项目一样，在根目录下创建一个index.html文件，引入渲染的主文件，目录结构如下

        4.添加一个vite.config.js文件（内容就和创建vite项目时候生成的文件内容一样即可）

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  css: {   //兼容less文件,antd<5.x版本以前自定义主题会遇到这个问题
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,  
      }
    },
  },
})

        5.命令启动，yarn  vite即可