当前位置: 首页 > 工具软件 > Windi CSS > 使用案例 >

vite项目集成Windi Css

白念
2023-12-01

vite项目集成Windi Css

Windi Css官网地址:https://cn.windicss.org/guide/installation.html

vite官网地址:https://vitejs.cn/

安装相关包:

npm i -D vite-plugin-windicss windicss

然后,在你的 Vite 配置中添加插件:

vite.config.js

import WindiCSS from 'vite-plugin-windicss'

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

最后,在你的 Vite 入口文件中导入 virtual:windi.css:

main.js

import ‘virtual:windi.css’

 类似资料: