@vitejs-plugin-vue

提供 Vue 3 单文件组件支持，在使用Vite创建应用程序的时候，这个依赖就已经默认加上了。

plugins

由于我们需要配置很多插件，而每一个插件的配置也不一样，所以我们把插件数组封装到一个方法中去。统一配置项目的插件。

import type { PluginOption } from 'vite'
import vue from '@vitejs/plugin-vue'
import configStyleImportPlugin from './styleImport'
export default function createVitePlugins(isBuild: boolean) {
  const vitePlugins: (PluginOption | PluginOption[])[] = [vue()]
  // vite-plugin-style-import
  vitePlugins.push(configStyleImportPlugin())
  return vitePlugins
}

import createVitePlugins from './build/plugins'
export default defineConfig(({ command, mode }) => {
  const isBuild = command === 'build' // 生产环境
  return {
    plugins: createVitePlugins(isBuild)
  }
}

其他插件

vite-plugin-pwa

https://www.kuxiaoxin.com/archives/75

vite-plugin-windicss

https://www.kuxiaoxin.com/archives/67