css 顺风缺了很多款式

zysjyyx4  于 2024-01-09  发布在  其他
关注(0)|答案(1)|浏览(93)

我用Laravel Breeze和Vue作为基础建立了一个新的网站。现在发现Tailwind文档中定义的类有很多缺失。

编辑:为了澄清这些是我试图以静态方式使用的类,例如<div class="outline-green>"<div class="outline-green-100>",在文档中看到它们之后,它们没有呈现样式。

例如,只有少数类与颜色绿色相关,例如text-green-600bg-green。此外,除了focus:outline-nonefocus:outline:focusfocus:ountline-2:focus.focus:outline-red-500:focus之外,根本没有大纲类
最初在版本3.3.6上注意到这一点,并已更新到3.4.1,重新构建,仍然看到同样的事情。
我尝试更新到最新版本


的数据
这是我的配置,默认的,除了表单插件的添加,



确认的颜色和变体在 Package e

中定义
这是一个新尝试的css构建的快照,显示了某些类中的许多变体,但它们都有差距,没有一个例子可以生成所有类:50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950

4smxwvx5

4smxwvx51#

Tailwind监控tailwind.config.js中的文件(在您的情况下,主要是Blade和Vue文件)是否使用Tailwind类。然后它呈现一个CSS文件,其中 * 仅 * 这些类;这可以减小文件大小,并且还允许类的任意值。
因此,使用Tailwind以前没有见过的 new 类不会做任何事情,除非您在开发期间运行npm run dev(或者您为prod运行npm run build)。

相关问题