vite-config

预设常用的vite配置，包括：

• @vitejs/plugin-react (按需安装)
• @vitejs/plugin-legacy (按需安装)
• vite-plugin-svgr (内置)
• vite-tsconfig-paths (内置)
• vite-plugin-vconsole (内置)
• rollup-plugin-visualizer (内置)
• vite-plugin-json5 (内置)

安装

npm i vite @vitejs/plugin-react @vitejs/plugin-legacy -D

使用

vite.config.ts

import { defineConfig } from 'vite'
import { preset } from 'vite-config-preset'

// https://vitejs.dev/config/
export default defineConfig((env) => {
  return preset(
    {
      env,
    },
    {
      legacy: true, // 是否启用 legacy 插件
    },
  )
})

tsconfig.json

{
  "compilerOptions": {
    "types": ["vite-config-preset/plugin"]
  }
}

其他常用vite插件

未内置，但常用的vite插件

• vite-plugin-i18n-ally
• vite-plugin-public-typescript
• vite-plugin-html
• vite-plugin-istanbul-widget
• vite-plugin-remix-flat-routes