css - Drupal 8 中的内联 CSS

Question

为了使 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 引擎运行时可能会被破坏！？

谢谢乔纳斯

score 0 · Accepted Answer

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

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

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

1 回答 1