如何在没有 Webpacker 的情况下将 Tailwind CSS 添加到 Rails？

Posted 2023-03-07

【中文标题】如何在没有 Webpacker 的情况下将 Tailwind CSS 添加到 Rails？

【英文标题】：How to add Tailwind CSS to Rails without Webpacker?

【发布时间】：2020-01-10 14:35:21

【问题描述】：

我想在我的 Rails 6 应用程序中运行 Tailwind CSS。我选择保留链轮而不使用 Webpacker。我尝试使用 Yarn 安装 Tailwind，但没有成功，但我的经验也有限。

我该如何处理？

【问题讨论】：

可以选择 CDN 吗？ =)

@BenjaminBeganović - 不，很遗憾没有。使用 CDN 时，我无法修改主题或使用变体等。魔法被毁了。

看看我的回答=)

【参考方案1】：

Tailwind 的创建者 Adam Wathan 对如何设置它进行了令人惊叹的演员阵容，而且它不涉及 Webpack。 https://tailwindcss.com/course/setting-up-tailwind-and-postcss/

【讨论】：

隐藏在众目睽睽之下。非常感谢 - 我会试一试并报告。

除@apply 外，一切正常。他们没有被编译。因此，它们会直接提供给浏览器，浏览器会在开发工具中向其抛出“未知属性名称”。