Tailwind CSS开发模式崩溃主因是PostCSS插件链（尤其JIT配合宽泛content扫描）耗尽Node默认堆空间，需在package.json dev脚本中写死"node --max-old-space-size=4096 next dev"并严格限定content路径。
Tailwind CSS 在开发模式下崩溃，根本不是它自己“吃内存”，而是 PostCSS 插件链（尤其是 JIT 模式配合宽泛 content 扫描）把 Node.js 默认堆空间撑爆了——V8 进程直接抛 FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory。
为什么加 --max-old-space-size 必须写死在 dev 脚本里
很多人试 NODE_OPTIONS=--max-old-space-size=4096 npm run dev，但经常无效。原因很实在：
- npm 会派生子 shell，旧版 bash/zsh 不保证透传
NODE_OPTIONS到最终执行next dev或vite的那个 Node 进程 - Next.js CLI 内部可能用
fork()启新进程，这些子进程默认不继承父进程的环境变量 - 最可靠的方式是直接改
package.json中的脚本："dev": "node --max-old-space-size=4096 next dev"（单位 MB，4096 是较稳妥起点） - Windows PowerShell 用户尤其注意：别用
%NODE_OPTIONS%，容易被忽略；写死最省心
content 路径写错，JIT 就等于没开
JIT 不分析 JS 逻辑，只按 content 数组里写的路径去读文件内容。路径错一位、漏一个扩展名、用错格式，它就完全看不见你写的类名——结果就是 fallback 到全量扫描，内存消耗线性增长。
-
content必须是数组，不能是字符串：content: ['./src/**/*.{js,jsx,ts,tsx}']✅，content: './src/**/*.tsx'❌ - Next.js 项目必须同时覆盖
app/**/*.{js,ts,jsx,tsx}和pages/**/*.{js,ts,jsx,tsx} - 绝对避免
./**/*.js这种写法——它会把node_modules、dist、.git全扫一遍，I/O 卡死 + 内存暴涨 - Vue/Svelte 项目要显式加上
.vue或.svelte，否则模板里的 class 就不会被识别
为什么设太高（比如 8192）反而更慢
堆空间不是越大越好。设到 8192+ MB，只适合 32GB 内存以上的机器；否则会触发 V8 GC 抖动——垃圾回收暂停时间变长，实际构建反而更卡。
立即学习“前端免费学习笔记（深入）”；
- 4096（4GB）是大多数中等规模项目的稳妥起点
- 如果项目含大量 MDX、SFC 或 SSR 模板，可先试 5120，再观察终端是否还报 heap out of memory
- 调高内存只是治标，必须同步收紧
content路径，否则每次保存都重复加载成千上万文件，GC 压力只会越来越大
真正卡住的从来不是 Tailwind 本身，而是你让它去读它不该读的文件。路径配准、参数写死、数值克制——三者缺一，光加内存只是延迟崩溃而已。
