我有一个用tailwindCSS构建的项目,我需要包含来自其他库的外部CSS,这会干扰一些tailwindCSS类。实际上,我已经找到了一些问题的解决方法,但仍然无法解决容器类的问题。
我知道我可以在顺风类中使用前缀(从tailwind配置文件设置),但这意味着我将不得不改变所有使用的tailwind类,这是不合理的解决方案知道有多大的项目。我也不能改变名称的类是从另一个库使用(它必须通过CDN加载)。所以我能想到的唯一解决方案是重命名tailwind .container类。我尝试了类似这样的方法:
// tailwind.config.js
module.exports = {
theme: {
container: {
center: true,
className: 'my-container',
},
},
variants: {},
plugins: [],
};
但似乎不起作用而且我在文件里也找不到任何东西。有什么想法吗?
1条答案
按热度按时间ss2ws0br1#
那么你可能会想做的是:https://play.tailwindcss.com/QUMCP8zmD4?file=css
它基本上会为您提供.container的别名,而不添加冲突的类,但也不会禁止任何人使用它。
也许是一个自定义插件,如果上面不工作.但我不是你可以自定义corePlugins.这就是你试图做什么不工作的原因.容器只是一个空对象在默认主题.“.container”是一个核心插件了.