安装了
安装
要重现:
诚然,我认为这源于没有完全理解sprockets、资源管道和捆绑/构建过程。我觉得我在这里漏掉了一些显而易见的东西。
cssbundling-rails
gem后,我无法引用位于app/assets/stylesheets/
下的现有.scss
文件。安装
cssbundling-rails
gem时:
- 删除了包含所有引用(
*= require_tree .
*= require_self
)以在资源管道中使用的application.css
(https://github.com/rails/cssbundling-rails/blob/main/lib/install/install.rb#L13)。 - 将其替换为
application.tailwind.css
(我运行了tailwind安装程序) - 创建一个名为
builds
的新文件夹,其中包含我使用的所有tailwind css的application.css
。
要重现:
- 创建一个新的Rails 6.1.4.1应用程序
rails g scaffold post
- 在
post.scss
中添加一些样式并验证应用了样式 - 安装
cssbundling-rails
- 安装tailwind选项
- 使用
./bin/dev
重新启动服务器,您将看到未选择样式。
- 在
assets/config/manifest.js
中直接引用样式表 - 在
application.tailwind.css
中添加导入规则以引用现有的scss
文件。 - 将CSS直接添加到
application.tailwind.css
文件中。这确实有效,并且样式被正确应用。我确定这不是预期的模式。
app/assets/stylesheets
下的现有.scss
文件以在新的捆绑/构建过程中使用?诚然,我认为这源于没有完全理解sprockets、资源管道和捆绑/构建过程。我觉得我在这里漏掉了一些显而易见的东西。