Symfony2:如何将CSS链接到HTML部分?

时间:2014-06-16 19:25:41

标签: html css symfony web

我是Symfony2的新手以及所有这些网站开发的东西。所以我已经在/WebBundle/Resources/Views/Default/index.html.twig中编写了我的代码和一些CSS代码来测试它。问题是,我不知道如何将两者联系起来。我尝试在网上查找,但没有一个解决了我的问题。在我的index.html.twig文件中,我尝试了:

    {% block stylesheets %}
        <link href="{{ asset('bundles/WebBundle/css/web.css') }}" rel="stylesheet" type="text/css" />
    {% endblock %}

    {% block stylesheets %}
        <link href="{{ asset('css/web.css') }}" rel="stylesheet" type="text/css" />
    {% endblock %}

2 个答案:

答案 0 :(得分:2)

使用资产:

{% block stylesheets %}
    {% stylesheets
        '@AcmeWebBundle/Resources/public/css/web.css'
    %}
        <link rel="stylesheet" href="{{ asset_url }}" type="text/css" />
    {% endstylesheets %}
{% endblock %}

config.yml告诉symfony您的论坛将使用assetic

assetic:
    bundles:        [AcmeWebBundle]

最后,当转到生产时,你必须转储你的css和/或你的js购买执行:

php app/console assetic:dump

更多信息:http://symfony.com/doc/current/cookbook/assetic/asset_management.html

答案 1 :(得分:1)

{% block stylesheets %}
    {% stylesheets
        '@AcmeWebBundle/Resources/public/css/web.css'
        '@AcmeWebBundle/Resources/public/css/reset.css'
    %}
        <link rel="stylesheet" href="{{ asset_url }}" type="text/css" />
    {% endstylesheets %}
{% endblock %}

假设您的文件 web.css,reset.css 位于Acme\WebBundle\Resources\public\css