如何在Compojure项目中添加Tailwind生成的静态CSS文件？

一、静态文件的正确存放路径 #

Compojure默认从resources/public目录加载静态资源，你需要调整Tailwind生成的output.css的位置：

• 若想保留dist结构，创建resources/public/dist目录，将output.css移入该目录
• 也可按功能分类存放，比如resources/public/css，后续访问路径对应调整

调整后，目标访问路径localhost:3000/dist/output.css就能对应到resources/public/dist/output.css文件。

二、配置静态资源路由 #

如果默认路由未生效，需在Compojure路由中明确配置静态资源处理：

1. 引入必要的命名空间：

(ns your-app.core
  (:require [compojure.core :refer [defroutes GET]]
            [compojure.route :as route]))

2. 在路由规则中添加静态资源映射：

(defroutes app-routes
  ;; 这里添加你的业务路由（比如GET请求处理）
  (GET "/" [] "Hello World")
  
  ;; 映射resources/public下的所有静态资源到根路径
  (route/resources "/")
  
  (route/not-found "404 - Page Not Found"))

如果需要自定义静态资源前缀（比如只映射/assets路径到resources/public/assets），可以修改为：

(route/resources "/assets" {:root "assets"})

三、验证配置 #

1. 确认output.css已放置在resources/public的对应子目录中
2. 重启Compojure服务器
3. 访问localhost:3000/dist/output.css，检查是否能正常加载CSS内容

内容的提问来源于stack exchange，提问作者David