使用 daisyUI 和 Tailwind CSS Standalone CLI

如何在没有 Node.js 的情况下使用 Tailwind CSS Standalone CLI 运行 daisyUI

1. 获取 Tailwind CSS 可执行文件

按照Tailwind CSS 指南获取最新版本的 Tailwind CSS 可执行文件。

2. 获取 daisyUI 捆绑 JS 文件

运行此代码以下载最新版本的 daisyUI 作为一个单独的 js 文件,并将其放在 Tailwind 可执行文件旁边。

终端
curl -sLO https://github.com/saadeghi/daisyui/releases/latest/download/daisyui.js

3. 添加 Tailwind CSS 和 daisyUI

将 Tailwind CSS 和 daisyUI 添加到你的 CSS 文件中。
source函数中指定你的 HTML 和其他标记文件。

input.css
@import "tailwindcss" source(none);
@source "./public/*.{html,php,erb}";
@plugin "./daisyui.js";

4. 构建 CSS

运行此命令以使用 Tailwind CSS 可执行文件构建 CSS 文件

终端
./tailwindcss -i input.css -o output.css

现在你可以使用 daisyUI 类名了!

daisyUI store

NEXUS
官方 daisyUI 仪表盘模板

可在 daisyUI 商店购买

更多详情