Drupal 8中的内联css

时间:2015-10-20 08:48:57

标签: css optimization google-pagespeed drupal-8

为了让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 个答案:

答案 0 :(得分:0)

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

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

更新:我在Drupal 8 include part template

找到了解决方案