使用unipp vue3版本使用windi css配置别名不生效

[chenlang6]

下面是vite.config.js代码

import WindiCSS from 'vite-plugin-windicss'
import {
	defineConfig
} from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
export default defineConfig({
	plugins: [
		WindiCSS({
			scan: {
				dirs: ['.'], // 当前目录下所有文件
				fileExtensions: ['vue', 'js', 'ts'], // 同时启用扫描vue/js/ts
			},
			alias: {
				'hstack': 'flex items-center',
				'vstack': 'flex flex-col',
				'icon': 'w-6 h-6 fill-current',
				'app': 'text-red',
				'app-border': 'border-gray-200 dark:border-dark-300',
			}
		}),
		uni(),
	],
})

我是这样使用的<image class="*icon" src="/static/logo.png"></image>它并没有达到效果