Tailwind CLI以process.cwd()为根解析content路径，非配置文件所在目录；content不支持动态表达式，必须用path.resolve(__dirname, ...)转绝对路径，且需显式列出所有包路径及文件后缀。
content路径写相对路径为什么总扫不到其他包的类名
Tailwind CLI 解析 content 数组时，**不以配置文件所在目录为基准**，而是以 process.cwd()（即你执行 pnpm build 或 tailwindcss -i 时的当前工作目录）为根来拼接路径。你在 packages/web 下运行构建，但 tailwind.config.js 在 packages/ui，里面写的 "../../apps/web/src/**/*" 就会错位——.. 指向的是 packages，不是 monorepo 根。
更关键的是：content 字段**完全不支持 require.resolve、import.meta.resolve 或任何动态表达式**，只接受纯字符串数组。它不会执行 JS，也不会做路径解析。
- 必须用
path.resolve(__dirname, '..')把路径转成绝对路径，__dirname是配置文件自身所在目录，稳定可靠 - Windows 下返回反斜杠路径也没问题，Tailwind 原生兼容
- 不要依赖
pnpm workspace:协议——它只用于安装依赖，不能塞进content
如何正确写出跨包扫描的 content 条目
假设你的 monorepo 结构是：
my-monorepo/ ├── packages/ │ ├── ui/ ← tailwind.config.js 在这里 │ └── shared/ ├── apps/ │ └── web/
那么 packages/ui/tailwind.config.js 中的 content 应该这样写：
立即学习“前端免费学习笔记（深入）”；
const path = require('path');
module.exports = {
content: [
path.resolve(__dirname, '../shared/src/**/*.{js,ts,jsx,tsx}'),
path.resolve(__dirname, '../../apps/web/src/**/*.{js,ts,jsx,tsx}'),
path.resolve(__dirname, './src/**/*.{js,ts,jsx,tsx}'),
],
// ...
};
-
__dirname指向packages/ui，所以../shared正确指向同级的packages/shared -
../../apps/web向上两层到 monorepo 根，再进apps/web - 必须显式列出所有含 class 的文件类型：Vue 项目加
.vue，Svelte 加.svelte，MDX 加.mdx，漏一个就扫不到 - 路径必须以
./开头的写法（如"./src/**/*"）在某些构建工具中会被忽略，绝对路径最稳
为什么 content 配对了还是没生成对应 CSS
常见假象是“路径写对了”，但 Tailwind 依然没生成你写的类，比如 bg-blue-500 在页面上无效。根本原因不是路径错，而是：
-
content列表里没覆盖到真正写className的文件——例如只写了./src/App.tsx，但组件逻辑在./src/components/Button.tsx，那就全漏了 - 扩展名漏配：
"./src/**/*.{js,ts}"不会扫.tsx，React 项目必须写全{js,jsx,ts,tsx} - 静态扫描失败：JIT 模式只认字面量，
className={`text-${size}-base`}这种插值不会被识别，哪怕size是常量也不行 - 没重启 dev server 或清除缓存：Tailwind 缓存路径匹配结果，改了
content后必须手动重启pnpm dev
验证方式很简单：临时把 content 改成 ["./src/**/*"]（宽泛但非法），如果这时 CSS 体积暴涨，说明原配置确实没扫到文件；如果体积不变，说明压根没加载到这个配置文件。
要不要在 monorepo 根目录放一个全局 tailwind.config.js
不要。
根目录统一配一个 tailwind.config.js 看似省事，实际会触发三类问题：
- 各子包可能使用不同版本的
tailwindcss（比如apps/web用 v3.4，packages/ui用 v3.3），而根配置被所有包共用，导致contentglob 行为不一致（v3.4+ 对通配符匹配更严格） - CI/CD 中子包单独构建（如
cd packages/ui && pnpm build），process.cwd()变成packages/ui，根目录的content路径全部失效 - 不同包的源码结构不同：有的用
src/lib，有的用src/components，硬塞进一个数组容易漏配或误扫dist、.next等产物目录
真正可复用的逻辑（比如通用 safelist 规则或 theme.extend）可以抽成函数导出，再由各包自己的 tailwind.config.js 调用，但 content 必须基于 __dirname 独立计算。
