我们正在做像亚马逊这样的大项目。因此，有两个分支使用bootstrap 4。现在在main分支中，我们安装了tailwind css，我还在tailwind. config.js中添加了内容路径。它工作得很完美但问题是现在得到一些覆盖引导由顺风类... * 当我从global.css中删除@tailwind base，组件，实用程序时，bootstrap工作正常。但是在添加了这些行之后， Bootstrap 又不起作用，它出现了一些顺风类。”””那么，现在我该如何修复它？**
sg24os4d1#
您可以为所有顺风CSS类添加前缀以消除命名冲突。
module.exports = { prefix: 'tw-', }
您需要更新代码库中的类以反映前缀。例如-<div className="flex">现在将是<div className="tw-flex">前缀仅添加到默认的顺风类。您需要手动为任何自定义类添加前缀或更改它们的名称，以防止与其他框架冲突。Tailwind有一些基本样式，您可以通过禁用preflight来省略它们。
<div className="flex">
<div className="tw-flex">
corePlugins: { preflight: false, }
1条答案
按热度按时间sg24os4d1#
您可以为所有顺风CSS类添加前缀以消除命名冲突。
您需要更新代码库中的类以反映前缀。
例如-
<div className="flex">现在将是<div className="tw-flex">前缀仅添加到默认的顺风类。您需要手动为任何自定义类添加前缀或更改它们的名称，以防止与其他框架冲突。
Tailwind有一些基本样式，您可以通过禁用preflight来省略它们。