tailwind-css - 你能把 Tailwind 和 vanilla CSS 混合起来吗？

Question

我对 Tailwind 很陌生，想将其合并到现有的 react 项目中。我可以将 Tailwind 与我当前的所有 CSS/sass 文件一起使用吗？还是我需要从造型重新开始，只使用 Tailwind？

Answer 1

确保您当前的 CSS 不会被覆盖。您可以添加前缀到tailwind.config.js

示例：（来源：tailwind.com）

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

将生成带有以下前缀的.tw-类.tw-{class}：

.tw-text-left {
    text-align: left;
}
.tw-text-center {
    text-align: center;
}
.tw-text-right {
    text-align: right;
}
/* etc. */