Tailwind预处理器-来自数据库的类

我使用的是顺风和 laravel(webpack.mix.js)。当运行npm run watch(或任何其他编译命令)时,我在代码中使用的所有 css 类都被编译和工作。

我使用的是顺风和 laravel(webpack.mix.js)。当运行npm run watch(或任何其他编译命令)时,我在代码中使用的所有 css 类都被编译和工作。

由于我在内容中使用顺风类(来自数据库),我缺少一些类,这些类在 blade.php 文件中没有使用,因此没有添加到public/css/app.css

有没有办法手动添加它们?也许是一些配置文件?

1

答案是 safelisting (https://purgecss.com/safelisting.html)

您可以添加一个类列表,您总是希望包含在tailwind.config.js中。例如:

module.exports = {
    mode: 'jit',
    purge: {
        content: [
            './resources/views/**/*.blade.php',
            ...
        ],
        safelist: [
            "bg-color-5", "bg-color-8"
        ]
    },
    ....
}

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(866)
可以按注册人姓名搜索Whois数据库吗
上一篇
如何将数据从一个应用程序传输到 Android中的另一个应用程序
下一篇

相关推荐

  • wind网页版提供最实时的金融市场数据

    Wind网页版是一款基于浏览器的金融数据分析工具,它可以帮助用户快速收集、分析和使用金融数据。Wind网页版提供了丰富的金融数据,包括股票、期货、债券、指数、外汇等,以及实时行情、历史数据、技术指标等,可以帮助用户进行金融数据分析和决策。…

    2023-02-01 10:24:27
    0 13 83
  • linux文件加密:如何使用Linux文件加密保护数据安全

    Linux文件加密是指使用Linux系统内置的加密工具来加密文件,以保护文件的安全性。下面提供一个示例代码:#!/bin/bash…

    2023-01-01 10:41:45
    0 33 88
  • wingo数据库:管理系统的实施与应用

    Wingo数据库是一种面向文档的NoSQL数据库,它可以帮助开发人员快速构建和部署Web应用程序。它使用JSON格式存储文档,提供了一个简单的REST API,在浏览器中运行,可以在几分钟内搭建一个完整的数据库应用程序。…

    2023-01-31 13:42:58
    0 29 18
  • Pg数据库导入数据:pg升级节省数据库定义耗时(pg definition)

    关于Pg数据库导入数据的问题,在pg definition中经常遇到,我正在从 8.4 到 9.3 的 pg_upgrade 过程中。我正在使用此技术:…

    2022-11-27 05:58:55
    0 34 12
  • 24v继电器:如何使用Arduino激活24V电锁

    关于24v继电器的问题,在arduino 24v中经常遇到,好!我有一个电路,其中我将 Arduino 连接到 NFC Shield,它是一个协议板。我的目标是激活一个适用于 10-24V AC 和 DC 的电锁,为此我放置了一个晶体管 2N2222 和 330 欧姆的电阻。当我将板协议板连接到锁上时,我遇到的问题是,LED 打开,但锁是不可移动的。…

    2022-11-24 01:37:32
    0 18 24
  • Instagram API获取带有特定主题标签的图片

    我想使用 PHP 从 Instagram 获取所有带有特定哈希标签的图片。…

    2022-11-11 15:20:52
    0 68 12
  • Instagram是否在2018年3月30日更改了API费率限制

    我使用一些自行开发的脚本来获取有关我的帖子和关注者的信息。最近我发现 Instagram 改变了我的应用程序的速率限制。我在 headers 中看到以下信息:…

    2022-11-18 10:21:03
    0 77 10

发表评论

登录 后才能评论

评论列表(55条)