侧边栏壁纸
  • 累计撰写 198 篇文章
  • 累计创建 105 个标签
  • 累计收到 36 条评论
vue

vue3项目中使用windicss

神兵小将
2022-04-17 / 0 评论 / 0 点赞 / 62 阅读 / 355 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2022-04-17,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

安装

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: [],
});

image-1650200163043

引用

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

import 'virtual:windi.css'

0

评论区