在 tailwind.config.js 中通过 coreplugins: { 插件名: false } 可禁用特定核心插件（如 cursor、textdecoration），使对应 utility 类（如 cursor-pointer、underline）完全不生成；但 preflight 是特殊项，关闭后会跳过 @tailwind base 注入，导致所有基础元素回归浏览器原生样式，需手动补 box-sizing: border-box 等基础规则。
如何在 tailwind.config.js 中关闭特定 corePlugins
直接禁用某类 utility class（比如 text-decoration 或 cursor），不是靠删 class 名，而是关掉对应的核心插件。Tailwind 的 corePlugins 控制哪些基础类会被生成，关掉后，相关变体（如 hover:underline、cursor-pointer）压根不会出现在最终 CSS 里。
-
corePlugins是对象，键名即插件名，值为false即禁用 - 常见可关插件包括：
textDecoration、cursor、listStyle、space（影响space-x-系列）、divideWidth等 - 关掉
textDecoration后，underline、line-through、hover:decoration-wavy全部失效，但不影响font-bold或text-lg - 注意：
preflight是特殊项，它不控制 utility 类，而是控制@tailwind base注入，不能和其他插件混为一谈
为什么不能只禁用某个具体 class（比如 bg-red-500）
Tailwind 不提供“禁用单个 class”的配置开关。你写 bg-red-500，它就生成；你不写，JIT 模式下它就不会出现。所谓“禁用”，本质是让构建过程跳过生成——而这是通过 content 扫描 + corePlugins 开关共同决定的，不是靠黑名单过滤。
-
bg-red-500属于backgroundColor插件范畴，但 Tailwind 没暴露backgroundColor: false这种开关；想彻底去掉所有背景色类，只能删掉整个backgroundColor主题扩展（不推荐） - 若只想剔除部分颜色（比如不用
bg-rose-500），应从源头控制：不在模板中使用它，或用safelist显式保留需要的类，避免误删 - 动态拼接类名（
class="bg-${color}"）无法被 JIT 扫描到，这类类名默认被丢弃——这不是配置问题，是机制限制
关闭 corePlugins 后的实际影响和坑点
关插件省体积是真，但副作用也明显。比如关了 cursor，cursor-not-allowed 就没了，但你手写 style="cursor: not-allowed" 仍有效；关了 listStyle，list-disc 失效，但 ul 默认样式会回归浏览器原生（可能带缩进或符号）。
- 关插件 ≠ 关功能：它只是不生成对应 utility class，不影响你手写 CSS 或第三方库样式
- 某些插件被依赖：比如
@tailwindcss/forms会自行注册disabled变体，如果你关了corePlugins.cursor，它仍能生成disabled:cursor-not-allowed，但独立写的cursor-not-allowed就无效 - Vue / React 组件库中用到的 utility 类（如
space-y-2）一旦被关，组件内部样式就断了，需确认是否真没用到 - 重启开发服务器（如 Vite）才能生效，HMR 不会重载已编译的 utility 类列表
真正要禁用 preflight 时该怎么配
很多人误以为关 preflight 是为了“禁用 button 背景透明”，其实它是全局开关：关掉后，@tailwind base 整体不注入，button、img、h1 等全部回归浏览器默认样式，同时 box-sizing: border-box 也没了——这点极易被忽略。
- 必须配
corePlugins: { preflight: false }，不是删@tailwind base引用 - 关掉后务必手动补
@layer base，至少包含*, *::before, *::after { box-sizing: border-box }，否则第三方 UI 库布局大概率错位 - 别试图只覆盖
button { background-color: initial !important }：和twMerge冲突，DevTools 里样式来源难定位，且!important会污染后续调试 - html2canvas 截图偏移问题常源于
img { display: block }，关preflight是根治法，不是权宜之计
corePlugins 看似简单，但每个开关背后都连着一整套样式链。最易踩的坑不是配错字段，而是关了之后忘了补基础行为（比如 box-sizing）或没意识到组件库对某些 utility 类有隐式依赖。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
