为 Next.js 安装 daisyUI
如何在 Next.js 项目中安装 Tailwind CSS 和 daisyUI
1. 创建一个新的 Next.js 项目
在当前目录下创建一个新的 Next.js 项目
终端
npm create next-app@latest ./2. 安装 Tailwind CSS 和 daisyUI
终端
npm install tailwindcss @tailwindcss/postcss daisyui@latest3. 添加 Tailwind CSS 和 daisyUI
将 Tailwind CSS 添加到你的 PostCSS 配置文件中
postcss.config.mjs
/** @type {import('postcss-load-config').Config} */
const config = {
plugins: {
'@tailwindcss/postcss': {},
},
};
export default config;将 Tailwind CSS 和 daisyUI 放入你的 CSS 文件中（并移除旧样式）
app/globals.css
@import "tailwindcss";
@plugin "daisyui";现在你可以使用 daisyUI 类名了！
