2012-05-27 6 views
4

구성 :Assetic, 트위터 부트 스트랩 적은

assetic: 
    debug:   %kernel.debug% 
    use_controller: false 
    read_from:  %kernel.root_dir%/../public 
    filters: 
     less: 
      node: /usr/bin/node 
      node_paths: [/usr/local/lib/node_modules] 

나뭇 가지 템플릿 :

{% block stylesheets %} 
{% stylesheets filter='less' 
    '@MyBundle/Resources/public/bootstrap/less/bootstrap.less' 
%} 
    <link rel="stylesheet" href="{{ asset_url }}" /> 
{% endstylesheets %} 
{% endblock %} 

이 거의 잘 작동합니다.

하나의 문제가 있습니다. 이미지가 없으며 상대 URL ("../ img/glyphicons-halflings.png")을 참조하지만 실제로는 존재하지 않습니다.

하나의 질문은 node.js와 작동하지만 프로덕션 서버에 node.js가 없으면 컴파일 된 CSS를 업로드하면 어떻게됩니까?

답변

4

나는 이런 식으로, 당신은 너무 cssrewrite 필터를 사용한다고 생각 :

{% block stylesheets %} 
{% stylesheets filter='less,cssrewrite' 
    '/bundles/mybundle/bootstrap/less/bootstrap.less' 
%} 
    <link rel="stylesheet" href="{{ asset_url }}" /> 
{% endstylesheets %} 
{% endblock %} 

이 명령으로 자산을 게시하는 것을 잊지 마세요 :

app/console assets:install --symlink web 

을 그리고 당신의 마지막 질문에 대답, 네, 컴파일 된 CSS를 업로드 트릭을 할 것입니다.

+0

감사합니다. 이 필터를 구성하는 방법을 알 수있는 문서가 있습니까? – umpirsky

+0

내가 어디에서 발견했는지 기억하지 못한다. 단지 config.yml에'cssrewrite : ~'를 넣으면 그것을 가능하게해야한다. – greg0ire

+0

이제는 좋은 방향으로 나아가는 한 걸음이지만'404 (여전히) .. url ("../ Resources/public/bootstrap/img/glyphicons-halflings.png")'과 함께 그것을 참조합니다. – umpirsky