css 和 scss 在 twig 文件中

css and scss in twig file

我想在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 %}

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

删除过滤器属性并在您的配置中添加一个 '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 %}