feat(uno): 配置 unocss 支持小程序开发- 添加 unocss-preset-weapp 预设- 配置 attributify 模式支持- 设置 border-base 和 center 快捷类

- 集成 unocss vite 插件- 启用 transformerClass 和 transformerAttributify 转换器

unocss.config.js

@@ -0,0 +1,27 @@
+import presetWeapp from 'unocss-preset-weapp'
+import { extractorAttributify, transformerClass } from 'unocss-preset-weapp/transformer'
+
+const { presetWeappAttributify, transformerAttributify } = extractorAttributify()
+
+export default {
+  presets: [
+    // https://github.com/MellowCo/unocss-preset-weapp
+    presetWeapp(),
+    // attributify autocomplete
+    presetWeappAttributify(),
+  ],
+  shortcuts: [
+    {
+      'border-base': 'border border-gray-500_10',
+      'center': 'flex justify-center items-center',
+    },
+  ],
+
+  transformers: [
+    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerAttributify
+    transformerAttributify(),
+
+    // https://github.com/MellowCo/unocss-preset-weapp/tree/main/src/transformer/transformerClass
+    transformerClass(),
+  ]
+}

vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import uni from '@dcloudio/vite-plugin-uni'
+
+// https://vitejs.dev/config/
+export default defineConfig(async ()=>{
+  const UnoCss = await import('unocss/vite').then(i => i.default)
+
+  return {
+    plugins: [
+      uni(),
+
+      // https://github.com/unocss/unocss
+      UnoCss(),
+    ],
+  }
+})