文章预览
Tailwind 4.0 将会更快更好。 尝试当前处于 Alpha 状态的新功能 安装 Tailwind 版本 4 的包： $ npm install tailwindcss@next @tailwindcss/vite@next Vite 配置: import tailwindcss from '@tailwindcss/vite' ; import { defineConfig } from 'vite' ; export default defineConfig({ plugins: [tailwindcss()], }); 最后，在你的主 CSS 文件（app.css）中导入 Tailwind @import "tailwindcss" ; 那么，现在让我们关注一下 Tailwind 版本 4 中的新功能： 零配置内容检测 在以前的版本中，我们需要创建 tailwind.config.js 并在全局 CSS 文件中添加三个指令： @tailwind base; @tailwind components; @tailwind utilities; 现在，只需要一个指令，而且我们将使用带有特殊指令 @theme 的 CSS 变量来代替配置文件，如下所示： @import "tailwindcss" ; @theme { --font-family-display: "Satoshi" , "sans-serif" ; --breakpoint-4xl: 1920px; --color-neon-pink: oklch(71
………………………………
