save

vite.config.ts

@@ -1,6 +1,6 @@
 import {defineConfig} from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from "@vitejs/plugin-vue-jsx";
+import Vue from '@vitejs/plugin-vue'
+import VueJsx from "@vitejs/plugin-vue-jsx";
 import {resolve} from 'path'
 import {visualizer} from "rollup-plugin-visualizer";
 import {ElementPlusResolver} from "unplugin-vue-components/resolvers";
@@ -8,6 +8,7 @@ import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import {getLastCommit} from "git-last-commit";
 import DefineOptions from 'unplugin-vue-define-options/vite' // 引入插件
+import UnoCSS from 'unocss/vite'
 
 function pathResolve(dir: string) {
   return resolve(__dirname, ".", dir)
@@ -23,9 +24,11 @@ export default defineConfig(async () => {
   })
   return {
     plugins: [
-      vue({
+      Vue({
         reactivityTransform: true
       }),
+      VueJsx(),
+      UnoCSS(),
       AutoImport({
         resolvers: [ElementPlusResolver()],
       }),
@@ -34,7 +37,6 @@ export default defineConfig(async () => {
       }),
       //用于给setup组件定义名字的，keep-alive需要name才能正常工作
       DefineOptions(),
-      vueJsx(),
       lifecycle === 'report' ?
         visualizer({
           gzipSize: true,