Windi CSS
下一代实用优先的 CSS 框架。
浏览量
783
点击收藏
0
Windi CSS
下一代实用程序优先的 CSS 框架。
如果您已经熟悉 Tailwind CSS，请将 Windi CSS 视为 Tailwind 的按需替代品，它提供更快的加载时间， 与 Tailwind v2.0 完全兼容， 并具有许多额外的酷功能。
为什么选择 Windi CSS？🤔
作者的一句话应该说明他创建Windi CSS的动机：
当我的项目变大，大约有几十个组件时，初始编译时间达到 3s，使用 Tailwind CSS 热更新需要 1s 多。- @voorjaar
通过扫描您的 HTML 和 CSS 并按需生成实用程序，Windi CSS能够在开发中提供更快的加载时间和快速的 HMR，并且不需要在生产中进行清除。
在简介中阅读有关它的更多信息。
集成
Windi CSS 为您喜欢的工具提供一流的集成，选择您的工具并开始使用。
| 构架 | 包裹 | 版本 |
|---|---|---|
| 命令行界面 | 内置 | |
| VSCode 扩展 | windicss-intellisense | |
| Vite | vite-plugin-windicss | |
| Rollup | Rollup-windicss | |
| webpack | windicss-webpack-插件 | |
| nuxt | nuxt-windicss | |
| svelte | svelte-windicss-预处理 | |
| StencilJS | stencil-windicss^社区^ |
插件🛠
文档📖
检查文档网站。