一、背景介绍
Windicss是一个基于Tailwind CSS 灵感的库,它更快、更兼容,使用 TypeScript
构建。Windicss的目标是为了解决与Tailwind CSS 类似的问题,提供一个可以快速上手开发的组件库,让开发者不再需要繁琐地编写
CSS 样式。Windicss包含了几乎所有的 CSS 样式,因此开发者只需要使用短短的几个字符就能实现原本需要编写多行 CSS
才能实现的效果。
二、集成步骤
1: 更新hbuilder最新版
2:创建一个uniapp项目,找到manifest.json文件,vue版本选择3
3:npm i -D vite-plugin-windicss windicss
4:vite.config.js 配置
import WindiCSS from 'vite-plugin-windicss'
import {
defineConfig
}