为 Qwik 安装 daisyUI
如何在 Qwik 项目中安装 Tailwind CSS 和 daisyUI
1. 创建一个新的 Qwik 项目
在当前目录下创建一个新的 Qwik 项目
终端
npm create qwik@latest empty ./2. 安装 Tailwind CSS 和 daisyUI
终端
npm install tailwindcss@latest @tailwindcss/vite@latest daisyui@latest将 Tailwind CSS 添加到 Vite 配置
vite.config.js
import tailwindcss from "@tailwindcss/vite";
//...
export default defineConfig(({ command, mode }): UserConfig => {
return {
plugins: [tailwindcss(), qwikCity(), qwikVite(), tsconfigPaths()],
// ...
};
});将 Tailwind CSS 和 daisyUI 放入你的 CSS 文件中（并移除旧样式）
src/index.css
@import "tailwindcss";
@plugin "daisyui";现在你可以使用 daisyUI 类名了！
