与 @tailwind base 一起使用时，不应用 PrimeNG 样式；

Question

我正在开发一个使用 Angular 和 Tailwind 的项目，最近我们决定添加 PrimeNG 以利用它们拥有的一些组件。然而，我们意识到，即使样式包含在 angular.json 中，样式也不会应用。 当我们删除“@tailwind base;”时配置，然后应用 PrimeNG 样式。但是，我们需要使用@tailwind base来配置我们的样式；

当 @tailwind 基本配置也到位时，您知道如何使 PrimeNG 样式按预期工作吗？

Answer 1

当您同时使用

PrimeNG

和

tailwind

时，您将面临命名冲突，这将导致未定义的行为， 为了避免这种情况，请在您的 tailwind.config.js 文件中使用

prefix

选项

// tailwind.config.js
module.exports = {
  prefix: 'tw-',
}

现在你必须在 tailwind-css 的类名之前使用前缀

tw-

，这不会破坏任何现有的样式。

Answer 2

也可以在 tailwind.config.js 中禁用顺风预检

module.exports = {
  corePlugins: {
    preflight: false,
  },
};