为 SvelteKit 安装 daisyUI
如何在 SvelteKit 项目中安装 Tailwind CSS 和 daisyUI
1. 创建新的 SvelteKit 项目
在当前目录中创建一个新的 SvelteKit 项目
终端
npx sv create ./2. 安装 Tailwind CSS 和 daisyUI
终端
npm install tailwindcss@latest @tailwindcss/vite@latest daisyui@latest将 Tailwind CSS 添加到 Vite 配置
vite.config.js
import tailwindcss from "@tailwindcss/vite";
import { sveltekit } from "@sveltejs/kit/vite";
import { defineConfig } from "vite";
export default defineConfig({
plugins: [tailwindcss(), sveltekit()],
});
将 Tailwind CSS 和 daisyUI 放入你的 CSS 文件中（并移除旧样式）
src/style.css
@import "tailwindcss";
@plugin "daisyui";在你的 Svelte 页面（或布局）中导入 CSS 文件
src/routes/+page.svelte
<script>
import "../style.css";
</script>现在你可以使用 daisyUI 类名了！
