json - 强制 Tailwind 在构建阶段包含一些类

Question

在我的 Angular 项目中，我最近将一个菜单从打字稿变量移到了从后端动态加载的 json。

一些 Tailwind 类仅在此菜单中使用，因此现在在构建时 Tailwind 不知道它必须包含这些类的样式。

是否可以强制 Tailwind 始终包含某些类？例如，通过处理 tailwind.config.js 文件。

作为解决方法，实际上我已经在我的 index.html 中包含了这一行（但我不喜欢 eslint 的错误）：

<!--<span class="hidden bg-green-400 bg-pink-400"></span>-->

Answer 1

正如 Ihar Aliakseyenka 所建议的，“安全列表”部分正是我所寻找的。谢谢伊哈尔！

module.exports = {
  content: [
    './pages/**/*.{html,js}'
    './components/**/*.{html,js}',
  ],
  safelist: [
    'bg-red-500',
    'text-3xl',
    'lg:text-4xl',
  ]
  // ...
}