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

Question

我正在使用 tailwind 和 laravel (webpack.mix.js)。当 运行 npm run watch （或任何其他编译命令）时，我在代码中使用的所有 css classes 都被编译并工作。

因为我也在内容（来自数据库）中使用 tailwind classes，所以我遗漏了一些 class，它们在 blade.php 中没有使用文件，因此不会添加到 public/css/app.css.

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

Answer 1

答案是安全列表 (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"
        ]
    },
    ....
}