ruby-on-rails 将Tailwind添加到Solidus商店

qf9go6mv  于 2022-12-24  发布在  Ruby
关注(0)|答案(1)|浏览(144)

我一直在尝试将Tailwind添加到Solidus商店,但没有成功。像在任何Rails应用程序上一样添加Tailwind是行不通的,因为Tailwind组件不能正确显示。不幸的是,我还没有找到任何关于如何实现这一点的指南。
基本上,我想使用Tailwind对Solidus' Starter Frontend进行修改,但是将Tailwind的CDN添加到storefront.html.erb似乎可以(文本非常小)。

    • 步骤**

1.我已经遵循了Solidus官方文档中Getting Started页面上的每一个步骤,但使用的是rails new amazing_store --css tailwind --skip-javascript,而不仅仅是rails new amazing_store --skip-javascript
1.然后,当系统提示时,我选择安装solidus_starter_frontend店面。
我已经检查了this repository(在this GitHub issue上找到的),并将其与我自己的代码进行了比较,我找不到与我的代码有任何区别。
你对如何实现这一目标有什么想法吗?

xfb7svmp

xfb7svmp1#

将此添加到StackOverflow,以防某些人需要它。
感谢kennyadsl的answer到我的GH讨论和Solidus official Slack channel上的thread,下面是让Solidus商店运行Tailwind的步骤:

rails new amazing_store # avoid the --skip-javascript flag here
cd amazing_store
bundle add 'solidus'
bin/rails generate solidus:install # devise: Y, payment: none, frontend: starter
bundle add tailwindcss-rails
rails tailwindcss:install

layout/storefront.html.erb中:

-    <%= stylesheet_link_tag 'solidus_starter_frontend', media: 'screen' %>
+    <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>

请注意,这样做,当你实现Tailwind时,你将失去来自Solidus Starter Frontend的所有设计。这就是有趣的部分开始的地方!
然后,使用以下命令启动Rails:

bin/dev

现在你可以像平常一样在HTML中添加Tailwind类了!

相关问题