我用Laravel Breeze和Vue作为基础建立了一个新的网站。现在发现Tailwind文档中定义的类有很多缺失。
编辑:为了澄清这些是我试图以静态方式使用的类,例如<div class="outline-green>"
和<div class="outline-green-100>"
,在文档中看到它们之后,它们没有呈现样式。
例如,只有少数类与颜色绿色相关,例如text-green-600
和bg-green
。此外,除了focus:outline-none
、focus:outline:focus
、focus: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
1条答案
按热度按时间4smxwvx51#
Tailwind监控
tailwind.config.js
中的文件(在您的情况下,主要是Blade和Vue文件)是否使用Tailwind类。然后它呈现一个CSS文件,其中 * 仅 * 这些类;这可以减小文件大小,并且还允许类的任意值。因此,使用Tailwind以前没有见过的 new 类不会做任何事情,除非您在开发期间运行
npm run dev
(或者您为prod运行npm run build
)。