uniapp集成windicss的流程_uniapp windicss

作者：在线问答5 | 2024-07-17 12:20:12

踩

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
} 1
2
3
4

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/在线问答5/article/detail/839871