2014-06-16 3 views
2

저는 Symfony2와이 모든 웹 사이트 개발에 익숙하지 않습니다. 따라서 이미 /WebBundle/Resources/Views/Default/index.html.twig에 코드를 작성하고 CSS 코드를 테스트 해 보았습니다. 문제는 두 가지를 연결하는 방법을 모른다는 것입니다. 나는 그것을 온라인으로 보았지만 그 중 아무도 내 문제를 해결하지 못했습니다. 내 index.html.twig 파일에서, 내가 시도 :Symfony2 : CSS를 HTML 부분에 연결하는 방법은 무엇입니까?

{% 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 %} 
+0

어디에 CSS 파일 (web.css)을 넣으시겠습니까? – zizoujab

+0

/Applications/MAMP/htdocs/Symfony/src/Acme/WebBundle/Resources/public/css/web.css 또는 기본적으로 .../Symfony/src/Acme/WebBundle/Resources/public/css/web .css – Gretta

+0

캐시를 지우고 애셋을 다시 설치하려고 했습니까? 당신이하지 않았다면; 콘솔을 열고 php app/console 자산을 입력하십시오. install web --symlink --- 주 : --symlink 옵션은 선택적입니다. 파일을 웹 디렉토리에 하드 카피하려면 사용하지 마십시오. –

답변

2

에 있습니다 습식 사용 :

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

당신의 config.yml 번들이 assetic 사용하는 것 symfony 알려주기 : 생산에 전달할 때 당신이 당신의 CSS를 덤프해야 및/또는 JS가 실행 구입 마지막으로

assetic: 
    bundles:  [AcmeWebBundle] 

을 : 또한

php app/console assetic:dump

정보 : http://symfony.com/doc/current/cookbook/assetic/asset_management.html

+0

고마워요! 효과가 : D 조 – Gretta

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.cssAcme\WebBundle\Resources\public\css

+1

그리고 프로덕션'php app/console assetic : dump'에 갈 때 그들을 덤프하는 것을 잊지 마십시오 – zizoujab

+0

reset.css? 그게 뭐야? 나는 단지 web.css를 만들었습니다 : \ – Gretta

+0

그 다음에 그 줄을 사용하지 마십시오. 여러 파일에 사용될 수 있다는 것을 보여줄뿐입니다. – tamir

관련 문제