Drupal 8 中的内联 CSS答案

【问题标题】：inline css in Drupal 8Drupal 8 中的内联 CSS
【发布时间】：2016-01-18 20:09:21
【问题描述】：

为了使 Google Page Speed 得分为绿色并让我们的搜索排名满意。我们需要在页面模板的头部包含首屏 css。这在 Drupal 7 中是可能的，在那里我的网站运行良好。

但是 Drupal 8 中的情况正在变得更好。我基本上想做的是这个（我知道它不起作用）。

在 html.html.twig 我想将此代码插入到

<style media="all">
  {% include '@mytheme/style/inline.css' %}
</style>

然后我希望它在前端看起来像这样。

<style media="all">
  html{background:#fff;color:#000;}body{margin:0;}...
</style>

谁有我的解决方案？我确实考虑让 Grunt 输出一个 inline.css.html.twig 模板而不是 inline.css，但我担心它在通过 twig 引擎运行时可能会被破坏！？

谢谢乔纳斯

【问题讨论】：

【解决方案1】：

我发现解决方案似乎是从站点的根目录提供文件的完整路径。

<style media="all">
  {% include directory ~ '/style/inline.css' ignore missing %}
</style>

更新：我在这里找到了解决方案Drupal 8 include part template

【讨论】：