diff --git a/index.html b/index.html index 07f40608..677dc8d3 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ Typing Word \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js deleted file mode 100644 index a28ce711..00000000 --- a/tailwind.config.js +++ /dev/null @@ -1,12 +0,0 @@ -/** @type {import('tailwindcss').Config} */ -export default { - content: [ - "./index.html", - "./src/**/*.{vue,js,ts,jsx,tsx}", - ], - theme: { - extend: {}, - }, - plugins: [], -} - diff --git a/uno.config.ts b/uno.config.ts new file mode 100644 index 00000000..cd6708fb --- /dev/null +++ b/uno.config.ts @@ -0,0 +1,13 @@ +// uno.config.ts +import {defineConfig, presetUno} from 'unocss' + +export default defineConfig({ + content: { + filesystem: [ + '**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}', + ], + }, + presets: [ + presetUno(), + ], +}) \ No newline at end of file diff --git a/vite.config.ts b/vite.config.ts index 98cca4dc..07107d88 100644 --- a/vite.config.ts +++ b/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,