在 Bun dev 服务器中使用 daisyUI
如何在 Bun dev 服务器中使用 Tailwind CSS 和 daisyUI
使用 Bun 1.2.4+，您可以直接在dev 服务器中提供 HTML 和 CSS 文件。以下是如何为其设置 daisyUI。
1. 创建一个新的 Bun 项目
在当前目录下创建一个新的 Bun 项目
终端
bun init -y2. 安装 bun-plugin-tailwind 和 daisyUI
终端
bun install bun-plugin-tailwind daisyui@latest创建一个bunfig.toml文件在根目录，并添加 bun-plugin-tailwind 作为插件
bunfig.toml
[serve.static]
plugins = ["bun-plugin-tailwind"]3. 添加 HTML 和 CSS 文件
创建index.html在根目录
index.html
<!doctype html>
<html>
<head>
<title>daisyUI</title>
<link rel="stylesheet" href="./style.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<button class="btn">daisyUI Button</button>
</body>
</html>创建style.css在根目录，添加 Tailwind CSS 和 daisyUI
style.css
@import "tailwindcss";
@plugin "daisyui";提供 HTML 文件
终端
bun index.html现在你可以使用 daisyUI 类名了！
