安装

pnpm add -D vite-plugin-windicss windicss

配置

vite.config.ts中配置：

import WindiCSS from 'vite-plugin-windicss'

export default {
  plugins: [
    WindiCSS(),
  ],
}

windi.ocnfig.ts中配置

import { defineConfig } from "windicss/helpers";

export default defineConfig({
  darkMode: "class",
  attributify: false,
  plugins: [],
});

引用

在main.ts中引用,添加如下内容 :

import 'virtual:windi.css'