在twig文件中的CSS和scss

时间:2016-08-03 13:04:29

标签: css symfony sass assetic

我想在twig模板中包含.css和.scss文件,是否有必要以这种方式编写?

{% stylesheets filter="sass"
    "css/proposal/edit.scss"
    "bundles/bmatznerfontawesome/scss/font-awesome.scss"
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

{% stylesheets
    "bundles/simplemde/debug/simplemde.css"
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}

我不喜欢冗余写入,但是当我尝试链接第一个为scss文件过滤的块中的css文件时,它无法工作。

1 个答案:

答案 0 :(得分:1)

删除过滤器属性并在配置中添加“apply_to”选项:

// app/config.yml :

assetic:
    # ...
    filters:
        sass:
            # ...
            apply_to: ".scss$"

然后你可以将第一部分分组:

{% stylesheets 
    "css/proposal/edit.scss"
    "bundles/bmatznerfontawesome/scss/font-awesome.scss"
    "bundles/simplemde/debug/simplemde.css"
%}
    <link rel="stylesheet" href="{{ asset_url }}" />
{% endstylesheets %}