重命名tailwindcss类,它会干扰另一个库

siv3szwd  于 2023-03-09  发布在  其他
关注(0)|答案(1)|浏览(109)

我有一个用tailwindCSS构建的项目,我需要包含来自其他库的外部CSS,这会干扰一些tailwindCSS类。实际上,我已经找到了一些问题的解决方法,但仍然无法解决容器类的问题。
我知道我可以在顺风类中使用前缀(从tailwind配置文件设置),但这意味着我将不得不改变所有使用的tailwind类,这是不合理的解决方案知道有多大的项目。我也不能改变名称的类是从另一个库使用(它必须通过CDN加载)。所以我能想到的唯一解决方案是重命名tailwind .container类。我尝试了类似这样的方法:

// tailwind.config.js
module.exports = {
  theme: {
    container: {
      center: true,
      className: 'my-container',
    },
  },
  variants: {},
  plugins: [],
};

但似乎不起作用而且我在文件里也找不到任何东西。有什么想法吗?

ss2ws0br

ss2ws0br1#

那么你可能会想做的是:https://play.tailwindcss.com/QUMCP8zmD4?file=css

@tailwind base;
@tailwind components;
@tailwind utilities;

.containerAlias {
  @apply container
}

它基本上会为您提供.container的别名,而不添加冲突的类,但也不会禁止任何人使用它。
也许是一个自定义插件,如果上面不工作.但我不是你可以自定义corePlugins.这就是你试图做什么不工作的原因.容器只是一个空对象在默认主题.“.container”是一个核心插件了.

相关问题