uniapp集成windicss的流程

一、背景介绍

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
}