From aacf698ee667bfde873d7b6522e21d0ceb636c21 Mon Sep 17 00:00:00 2001 From: kailong321200875 <321200875@qq.com> Date: Tue, 18 Apr 2023 17:11:20 +0800 Subject: [PATCH] =?UTF-8?q?chore:=20=E7=A7=BB=E9=99=A4windicss=E7=9B=B8?= =?UTF-8?q?=E5=85=B3=E4=BE=9D=E8=B5=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 9 ++---- uno.config.ts | 1 - vite.config.ts | 2 -- windi.config.ts | 76 ------------------------------------------------- 4 files changed, 2 insertions(+), 86 deletions(-) delete mode 100644 windi.config.ts diff --git a/package.json b/package.json index f66eb71..4651264 100644 --- a/package.json +++ b/package.json @@ -23,8 +23,7 @@ "lint:style": "stylelint --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/", "lint:lint-staged": "lint-staged -c ./.husky/lintstagedrc.js", "prepare": "husky install", - "p": "plop", - "analysis": "windicss-analysis" + "p": "plop" }, "dependencies": { "@iconify/iconify": "^3.1.0", @@ -66,7 +65,6 @@ "@types/qs": "^6.9.7", "@typescript-eslint/eslint-plugin": "^5.58.0", "@typescript-eslint/parser": "^5.58.0", - "@unocss/preset-wind": "^0.51.4", "@unocss/transformer-variant-group": "^0.51.4", "@vitejs/plugin-legacy": "^4.0.2", "@vitejs/plugin-vue": "^4.1.0", @@ -107,10 +105,7 @@ "vite-plugin-purge-icons": "^0.9.2", "vite-plugin-style-import": "2.0.0", "vite-plugin-svg-icons": "^2.0.1", - "vite-plugin-windicss": "^1.8.10", - "vue-tsc": "^1.2.0", - "windicss": "^3.5.6", - "windicss-analysis": "^0.3.5" + "vue-tsc": "^1.2.0" }, "engines": { "node": ">= 14.18.0" diff --git a/uno.config.ts b/uno.config.ts index 72ece7e..ffa558b 100644 --- a/uno.config.ts +++ b/uno.config.ts @@ -1,6 +1,5 @@ import { defineConfig, toEscapedSelector as e, presetUno } from 'unocss' import transformerVariantGroup from '@unocss/transformer-variant-group' -// color: ${JSON.stringify(rules)} ${JSON.stringify(variantHandlers)}; const POSITION_MAP = { t: 'top', diff --git a/vite.config.ts b/vite.config.ts index 4aa32ca..ece08d4 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -3,7 +3,6 @@ import { loadEnv } from 'vite' import type { UserConfig, ConfigEnv } from 'vite' import Vue from '@vitejs/plugin-vue' import VueJsx from '@vitejs/plugin-vue-jsx' -// import WindiCSS from 'vite-plugin-windicss' import progress from 'vite-plugin-progress' import EslintPlugin from 'vite-plugin-eslint' import { ViteEjsPlugin } from "vite-plugin-ejs" @@ -15,7 +14,6 @@ import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' import DefineOptions from "unplugin-vue-define-options/vite" import { createStyleImportPlugin, ElementPlusResolve } from 'vite-plugin-style-import' import UnoCSS from 'unocss/vite' -// import { sveltekit } from '@sveltejs/kit/vite' // https://vitejs.dev/config/ const root = process.cwd() diff --git a/windi.config.ts b/windi.config.ts deleted file mode 100644 index 4ef7b06..0000000 --- a/windi.config.ts +++ /dev/null @@ -1,76 +0,0 @@ -import { defineConfig } from 'windicss/helpers' -import plugin from 'windicss/plugin' - -function range(size, startAt = 1) { - return Array.from(Array(size).keys()).map((i) => i + startAt) -} - -export default defineConfig({ - extract: { - include: ['src/**/*.{vue,html,jsx,tsx}'], - exclude: ['node_modules', '.git'] - }, - darkMode: 'class', - attributify: false, - theme: { - extend: { - backgroundColor: { - // 暗黑背景色 - 'v-dark': 'var(--dark-bg-color)' - } - // screens: { - // sm: '768px', - // md: '992px', - // lg: '1200px', - // xl: '1920px' - // } - } - // height: { - // ...range(50).map((i) => `h-${i}px`) - // }, - // margin: { - // // ...range(50).map((i) => `mt-${i}px`), - // // ...range(50).map((i) => `mr-${i}px`), - // // ...range(50).map((i) => `mb-${i}px`), - // // ...range(50).map((i) => `ml-${i}px`) - // } - }, - plugins: [ - plugin(({ addComponents }) => { - const obj = {} - range(50).map((i) => { - obj[`.border-top-${i}`] = { - borderTopWidth: `${i}px` - } - obj[`.border-left-${i}`] = { - borderLeftWidth: `${i}px` - } - obj[`.border-right-${i}`] = { - borderRightWidth: `${i}px` - } - obj[`.border-bottom-${i}`] = { - borderBottomWidth: `${i}px` - } - }) - addComponents({ - '.hover-trigger': { - display: 'flex', - height: '100%', - padding: '1px 10px 0', - cursor: 'pointer', - alignItems: 'center', - transition: 'background var(--transition-time-02)', - '&:hover': { - backgroundColor: 'var(--top-header-hover-color)' - } - }, - '.dark .hover-trigger': { - '&:hover': { - backgroundColor: 'var(--el-bg-color-overlay)' - } - }, - ...obj - }) - }) - ] -})