tailwind css v4 支持真正零配置启动，因其 oxide 引擎内置默认主题、扫描路径及工具类，只需在 css 入口顶部严格写入 @import 'tailwindcss';（单引号+分号），即可生成 text-lg、flex、bg-blue-500 等全部基础类。

Tailwind CSS v4 支持真正零配置启动，前提是项目结构符合默认约定且不依赖 JS 动态逻辑——删掉 tailwind.config.js 后，只要 CSS 入口写对，@import "tailwindcss" 就能直接生成完整工具类，包括 text-lg、flex、bg-blue-500 等基础类全部可用。

为什么删了 config.js 也能跑起来

v4 的 Oxide 引擎内置了开箱即用的默认主题和扫描路径，无需任何配置即可工作：

• @import "tailwindcss" 这一行本身会触发引擎加载 base/components/utilities 三层，并启用 JIT 编译
• 默认扫描路径为 src/**/*.{js,ts,jsx,tsx,vue}，匹配主流框架结构
• 颜色、间距、字体等基础 theme 值都预置在引擎内，比如 --color-blue-500: #3b82f6 已硬编码
• 暗色模式、响应式断点、伪类（hover:、focus:）全部默认启用，无须额外声明

@import "tailwindcss" 必须严格写对

这一行不是普通 CSS 导入，是 Oxide 引擎识别入口的唯一信号；写错一个字符，整个工具类系统就静默失效，且不报错：

Pandas 配置文件报告生成器

使用ydata-profiling（前身为pandas-profiling）生成全面的数据质量报告，包含相关性分析、缺失值模式和基数检测。导出交互式HTML仪表板和JSON摘要。

下载

• 必须用单引号：@import 'tailwindcss'; ✅，双引号或无引号 ❌
• 末尾必须加分号：@import 'tailwindcss'; ✅，漏掉分号则整行被跳过
• 不能嵌套在 @layer、@media 或其他规则块内
• 必须出现在 CSS 文件最顶部，前面不能有任何非注释内容（空行和 /* */ 注释可以）

自定义颜色/断点等基础配置怎么加

不需要 JS 文件，但必须用 CSS 原生语法写进同一个 CSS 入口文件（如 src/index.css），顺序不能错：

• @config 必须在 @import 'tailwindcss'; 之前，只支持静态值：@config { theme: { colors: { primary: '#3b82f6' } } }
• @theme 必须在 @import 'tailwindcss'; 之后，变量名要带前缀：@theme { --color-primary: #3b82f6; }
• 两者都仅作用于当前 CSS 文件，跨文件不继承；想全局生效，就得统一写进主入口
• OKLCH 值（如 oklch(0.62 0.15 274)）才能触发色阶自动推导，HEX/RGB 不行

哪些情况仍需保留 tailwind.config.js

它没被删除，只是降级为“兜底用途”；只有以下需求才需要它：

• 动态 content 路径（比如要扫描 dist/**/*.html 或 CMS 模板）
• 插件注册（plugins: [require('@tailwindcss/typography')]）
• darkMode 设为 'media' 或 'class'（v4 默认是 @variant dark，但旧行为兼容靠 config）
• 使用 content 字段做条件扫描（比如开发时扫 src，CI 时扫 build）

最容易被忽略的是：即使你写了 @config 或 @theme，plugins 和 content 依然不会从 CSS 中读取——这两个字段只认 tailwind.config.js。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！