Uso di compass/sass con Symfony 2

Question

Ho cercato su google per una risposta ma non ho trovato esattamente quello che sto cercando.

Sto immergendo le dita dei piedi nell'acqua del framework Symfony usando CodeIgniter da alcuni anni. Mi piace l'approccio "bundle" finora, tranne per il fatto che sto riscontrando alcuni problemi che mi fanno capire come gestire le risorse, in particolare i file css.

Sono abituato a utilizzare il framework Compass e in genere creerà una struttura di directory utilizzando partial che si compilano in un unico foglio di stile principale. Tuttavia, poiché il mio progetto Symfony è suddiviso in bundle, mi piacerebbe (e probabilmente dovrebbe) mantenere il css per ogni bundle all'interno del bundle e avere solo elementi globali di tipo template nella directory principale "web". Il mio problema è questo ...

Se ho un progetto di bussola nella mia directory "web", come posso includere partial dai miei singoli bundle?

Ho pensato di avere progetti separati di bussole per ogni pacchetto che creo ma come potrei combinarli tutti in un unico file compresso? È qualcosa che dovrei usare per Assetic? Questo è francamente eccessivo per l'organizzazione?

Qualsiasi suggerimento da parte di altri che si sono trovati in una situazione simile sarebbe stato accolto con gratitudine!

Answer 1

ho finito per fare una struttura di directory per la mia bussola progetto nell'app principale/cartella Risorse. Sono stato in grado di creare directory "bundle-specific" se ne ho bisogno e quindi utilizzare Compass per compilare l'intero lotto in un unico file css principale (anche memorizzato in app/Resources/public Quindi uso Assetic per "pubblicare "(o qualunque cosa faccia) quel file nella mia web root usando il normale metodo di includere i fogli di stile nei miei modelli di base ramoscello

Answer 2

Questo sembra un lavoro per Assetic e il suo filtro Sass.

È possibile elencare tutti i file sass nella directory dei modelli principali e Assetic eseguirà la compressione per l'utente.

simile a questa (preso dal link qui sotto):

{% stylesheets filters="compass" 
    "@AlomMainBundle/Resources/assets/css/main.sass" 
    "@AlomMainBundle/Resources/assets/css/header.sass" 
    "@AlomMainBundle/Resources/assets/css/footer.sass" 
%} 
    <link rel="stylesheet" href="{{ asset_url }}" /> 
{% endstylesheets %} 

Una buona spiegazione che ho trovato su internet è qui: http://alexandre-salome.fr/blog/Sass-Compass-Assetic-In-Ten-Minutes