如何在lustre-dev-tools中使用DaisyUI等Tailwind插件及管理依赖？

1. 能否通过lustre-dev-tools实现DaisyUI作为Tailwind插件的方案？ #

不行。lustre-dev-tools是针对Lustre项目的轻量级开发工具，仅提供基础的开发服务器和打包能力，没有集成Tailwind CSS的PostCSS编译链、按需样式树摇以及插件扩展机制。要实现DaisyUI作为Tailwind插件的自定义和按需打包，必须依赖Tailwind官方的构建流程，而这部分lustre-dev-tools并未支持，因此无法直接用它实现方案2。

2. 能否引入package.json管理依赖，同时继续使用lustre-dev-tools而非Vite？ #

可以，具体操作步骤如下：

• 初始化package.json：在项目根目录执行npm init -y生成配置文件。
• 安装依赖：执行npm install tailwindcss daisyui postcss --save-dev，把Tailwind、DaisyUI等依赖交由package.json管理。
• 手动配置编译工具：创建tailwind.config.js并将DaisyUI注册为插件，创建postcss.config.js配置Tailwind处理器。
• 编写样式入口：在项目中创建CSS文件，引入Tailwind的@tailwind base;、@tailwind components;、@tailwind utilities;指令。
• 并行运行工具：用npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch监听样式变化并编译，同时正常使用lustre-dev-tools启动Lustre应用的开发服务，确保编译后的CSS文件被引入到项目入口HTML中。

内容的提问来源于stack exchange，提问作者elango.dev