Ruby on rails 来自资产管道的内联CSS

一个全新的Rails应用程序在

app/views/layouts/application.html.erb

中有以下代码，其中包含一个指向生产中小型CSS的链接：

<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>

true%>

出于WebPerformance的原因，我希望使用资产管道来缩小和组织我的CSS，但将其内联到标题中

---

如何让Rails将资产管道的CSS内联到

application.html.erb

中？

此代码将实现以下功能：

<style>
  <% css = File.read("#{Rails.root}/public#{asset_path("application", type: :stylesheet)}") %>
  <%= css.html_safe %>
</style>

---

看看AMP规范及其Github，页面加载速度优势的一个主要组成部分似乎是通过在AMP页面上内联样式来完全消除CSS加载。看起来您将在整个代码中内联CSS片段，并完全消除资产管道中的CSS部分，而不是将其包装在AMP中——这似乎违背了AMP的目的，即完全消除CSS文件加载时间。根据快速评估，我建议创建一个Rails引擎来承载AMP页面，并从引擎中省略资产管道。