6

我想在 Symfony2 项目的树枝模板中嵌入带有资产的不同样式表文件。使用的样式表取决于用户的主题设置。

我用了

{% stylesheets 
        '@CuteFlowCoreBundle/Resources/public/css/application.css'
        '@CuteFlowCoreBundle/Resources/public/css/theme/'~app.session.get('cuteflow_theme')~'/application.css'
%}
    <link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="all" />
{% endstylesheets %}

但这会引发错误：

Unexpected token "operator" of value "~" in "CoreBundle::layout.html.twig"

我也尝试了以下方法。但这也无济于事。

{% set theme = '@CuteFlowCoreBundle/Resources/public/css/theme/'~app.session.get('cuteflow_theme')~'/application.css' %}
{% stylesheets 
        '@CuteFlowCoreBundle/Resources/public/css/application.css'
        theme
%}
    <link rel="stylesheet" href="{{ asset_url }}" type="text/css" media="all" />
{% endstylesheets %}

任何想法如何做到这一点？

4

1 回答 1

10

答案很简单：你做不到。

Assetic 将迭代您的模板并从{% stylesheets %}块中生成每个文件。

如果您使用变量（例如会话），Assetic 无法“猜测”所有可能的值。

你有两种可能性：

  • 单独的 2 个 CSS 调用（1 个用于普通调用，1 个用于专用主题 CSS） -对我来说更有意义
  • 每个主题创建 1 个 CSS

分离 2 个 CSS 调用

{% stylesheets "A.css" "B.css" %} ... {% endstylesheets %}
<link rel="stylesheet" href="{{ asset("css/" ~ theme ~ ".css") }}" />

每个主题创建 1 个 CSS

如果您想为每个可用主题创建一个主题，为了简单起见，您必须手动进行：

{% if theme == "XXX" %}
  {%stylesheets "A.css" "XXX.css" %} ... {% endstylesheets %}
{% elseif theme == "YYY" %}
  {%stylesheets "A.css" "YYY.css" %} ... {% endstylesheets %}
{% endif %}
于 2011-07-27T09:09:43.363 回答