2014-09-26 43 views
2

有沒有什麼辦法,合併所有* .css文件例如,從一個多個佈局,使用本機Symfony Assitic ManagerSymfony資產合併所有文件在一個

例子:

**base.html.twig**  
{% block stylesheets %} 
     {% stylesheets filter='cssrewrite,uglifycss' output='css/compiled/main.css' 
     'bundles/sscore/bootstrap/css/bootstrap.css' %} 
     <link rel="stylesheet" href="{{ asset_url }}"/> 
     {% endstylesheets %} 
{% endblock %} 

**index.html.twig extends base.html.twig**  
{% block stylesheets %} 

     {{ parent() }} 

     {% stylesheets filter='cssrewrite,uglifycss' output='css/compiled/main.css' 
     'bundles/sscore/main.css' %} 
     <link rel="stylesheet" href="{{ asset_url }}"/> 
     {% endstylesheets %} 
{% endblock %} 

在督促ENV這個例子給了我兩個文件,但我想要一個meged?

回答

2

我不認爲Assetic會做你想做的事情。

我認爲最簡單的辦法讓這些到一個文件是隻在您的樣式列表中的父文件和覆蓋父塊如..

**index.html.twig extends base.html.twig**  
{% block stylesheets %} 
    {% stylesheets filter='cssrewrite,uglifycss' output='css/compiled/main.css' 
     'bundles/sscore/bootstrap/css/bootstrap.css' 
     'bundles/sscore/main.css' 
     %} 
     <link rel="stylesheet" href="{{ asset_url }}"/> 
    {% endstylesheets %} 
{% endblock %} 
0

可以使用scssphp,但你將需要爲此安裝(scssphp)。

{% stylesheets filter="scssphp" output="styles/css/default_g.css" 
    "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.css" 
    "styles/css/myfileone.css" 
    "styles/css/myfileone2.css" 
    "styles/css/main.css" 
    "styles/css/myfile.css" 
%} 
<link rel="stylesheet" href="{{ asset('styles/css/default_g.css') }}" /> 
{% endstylesheets %} 
相關問題