content路径必须用绝对路径，不能写../packages，因tailwind解析始终以process.cwd()为基准而非配置文件位置，相对路径在monorepo中易错位失效；须用path.resolve(__dirname, '..')生成稳定绝对路径，并为每个子包单独维护tailwind.config.js。
content 路径必须用绝对路径，不能写 ../packages
Tailwind 的 content 字段解析永远以 process.cwd()（你执行 pnpm dev 或 npm run build 的当前目录）为基准，不是以 tailwind.config.js 文件位置为准。你在 apps/web/tailwind.config.js 里写 "../packages/ui/src/**/*.{ts,tsx}"，但若从项目根目录运行命令，.. 就会指向错误层级，扫描直接失效。
更危险的是：Tailwind 不报错、不警告，只会静默跳过这些路径——最终生成的 CSS 里缺类、字体大小类失效、bg-red-500 突然不生效，你根本看不出哪条路径没扫到。
- 必须用
path.resolve(__dirname, '..')构造绝对路径，__dirname始终指向当前配置文件所在目录，完全不受执行位置影响 - 每个子包（如
apps/admin、packages/ui）应各自维护一份tailwind.config.js，不要共用根目录配置 - Windows 下反斜杠
\完全兼容，无需转义或替换为/
Vue 项目必须显式包含 .vue 后缀
Tailwind 默认不识别 .vue 文件，哪怕你用了 Vue SFC，只要 content 数组里没写 .vue，模板里的 class="text-lg flex" 就不会被提取。
常见错误是只写了 "./src/**/*.{js,ts,jsx,tsx}"，漏掉 .vue；或者写了 .vue 却忘了加 ./src/layouts/*.vue 这类明确路径（因为 ** 不保证覆盖所有嵌套层级）。
- Vue 项目推荐写法：
path.resolve(__dirname, './src/**/*.{vue,js,ts,jsx,tsx}') - 如果用了
src/pages或src/views这类约定目录，建议单独加一行：path.resolve(__dirname, './src/pages/**/*.{vue,js,ts}') - 注意：Vite + Vue 项目中，
.vue文件若含<script setup></script>，类名仍可被正常提取，无需额外配置
扫描第三方 UI 库源码要谨慎加路径
绝大多数情况下，你不该让 Tailwind 扫 node_modules。比如用了 element-plus，你在 App.vue 里写 <el-button class="px-4"></el-button>，Tailwind 只需扫到你自己的 .vue 文件即可；el-button 自身的样式由它自己的 CSS 提供，和 Tailwind 的 content 无关。
真正需要加 node_modules 路径的场景极少：比如你 fork 了某个库并本地修改其源码，且在源码里写了新的 Tailwind 类名。
- 如果真要加，路径必须以
./node_modules/开头（不能省略./），否则 Tailwind 静默忽略 - 后缀必须匹配真实文件类型，例如
element-plus发布的是es/下的.js，就写./node_modules/element-plus/es/**/*.{js,ts} - 改完必须重启开发服务器，缓存不自动更新；可临时加个
bg-[#f00]测试是否重扫生效
通配符 ** 不可靠，多包项目必须逐条列路径
Tailwind 内置的 glob 解析器（基于 fast-glob）对嵌套通配符支持差。写 "./packages/**/src/**/*.{ts,tsx}" 在 v3/v4 中都可能只匹配到 packages/button/src，却漏掉 packages/card/src 或 packages/form/src。
Monorepo 下最稳的方式是：每个要扫描的包路径单独写一行，哪怕有 10 个也要手动列全。
- 路径必须与实际目录结构一致：如果某包用的是
lib目录而非src，就得写path.resolve(__dirname, '../packages/utils/lib/**/*.{js,ts}') - 后缀要全覆盖：
.svelte（SvelteKit）、.astro（Astro）、.mdx（文档站）都不能漏 - 不要把
node_modules整体加进content，除非你明确引用了第三方库的源码（如shadcn-svelte）
Tailwind 的 content 配置看着简单，实际最易出问题的地方恰恰是路径的“动静态一致性”——它不依赖运行时，也不报错，只在打包结果里沉默地丢样式。越是大型项目，越要放弃“看起来对”的相对路径，老老实实每条都用 path.resolve 锁死。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
