Browse Source

chore: 移除windicss相关依赖

kailong321200875 2 years ago
parent
commit
aacf698ee6
4 changed files with 2 additions and 86 deletions
  1. 2 7
      package.json
  2. 0 1
      uno.config.ts
  3. 0 2
      vite.config.ts
  4. 0 76
      windi.config.ts

+ 2 - 7
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"

+ 0 - 1
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',

+ 0 - 2
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()

+ 0 - 76
windi.config.ts

@@ -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
-      })
-    })
-  ]
-})