在 Drupal 8 中内联 css

Question

为了使 Google 页面速度得分为绿色并且我们的搜索排名令人满意。我们需要在页面模板的头部包含首屏 css。这在 Drupal 7 中是可能的，在那里我很好地获得了站点运行ning。

但是 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>

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

谢谢乔纳斯

Answer 1

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

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

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

inline css in Drupal 8