为 Rsbuild 安装 daisyUI

如何在 Rsbuild 项目中安装 Tailwind CSS 和 daisyUI

在当前目录中创建一个新的 Rsbuild 项目

终端

npm create rsbuild -d ./

Rsbuild 内置了对 PostCSS 的支持

终端

npm add tailwindcss @tailwindcss/postcss daisyui@latest

创建一个 postcss.config.mjs 文件并将 Tailwind CSS 添加到其中

postcss.config.mjs

const config = {
  plugins: {
    '@tailwindcss/postcss': {},
  },
};
export default config;

将 Tailwind CSS 和 daisyUI 放入你的 CSS 文件中，位于src/（并移除旧样式）。

src/App.css

@import "tailwindcss";
@plugin "daisyui";

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

支持 daisyUI 的开发： Open Collective

NEXUS
官方 daisyUI 仪表盘模板