预设常用的vite配置，包括：
- @vitejs/plugin-react (按需安装)
- @vitejs/plugin-legacy (按需安装)
- vite-plugin-svgr (内置)
- vite-tsconfig-paths (内置)
- vite-plugin-vconsole (内置)
- rollup-plugin-visualizer (内置)
- vite-plugin-json5 (内置)
更多功能：
- log-build-time。打印构建环境和时间。默认开启
- route-chunk-readable。增强路由分包可读性，比如
src/page-a/index.tsx会被打包为page-a。默认开启 - restrict-images。限制导入图片类型
npm i vite @vitejs/plugin-react @vitejs/plugin-legacy -Dimport { defineConfig } from 'vite'
import { preset } from 'vite-config-preset'
// https://vitejs.dev/config/
export default defineConfig((env) => {
return preset(
{
env,
},
{
legacy: true, // 是否启用 legacy 插件
},
)
}){
"compilerOptions": {
"types": ["vite-config-preset/plugin"]
}
}未内置，但常用的vite插件