2012-11-29 15 views
7

Mi chiedo se c'è un modo per integrare SASS in Jekyll. Tutto ciò di cui ho bisogno è una compilazione automatica .scss in .css quando lancio Jekyll.Integrazione SASS e Jekyll

risposta

6

Non vedo nulla di sbagliato con la compilazione delle risorse quando si avvia (che prendo per significare eseguire) jekyll. L'intero punto di esecuzione di jekyll consiste nel pre-compilare il sito, ovvero buono per le prestazioni.

Come per la conversione delle risorse, ci sono molti plugin disponibili che si concentrano su questo. Mi piace la gemma Jekyll Asset Pipeline, che supporta qualsiasi lingua (ad esempio Scss, Less, CoffeeScript, Erb, ecc.) E ha un sacco di funzioni (ad esempio asset tagging, compressione, gzip, ecc.) Che la distinguono. In questi giorni sembra anche essere la gemma a più forte crescita di Jekyll, che intendo dire che sta guadagnando terreno nella comunità.

+1

'Jekyll-asset-pipeline' sembra essere morto. Nessuno sviluppo sul repository git pubblico in cinque mesi, sebbene sia stato rilasciato 0.1.6 senza essere spinto al repository pubblico. È incompatibile con le ultime versioni di 'jekyll'. – Zenexer

4

Se si desidera mantenere il più semplice compass watch è possibile utilizzare il Guard gemma con guard-jekyll e guard-compass (e se vi piace lo stile di iniezione, guard-livereload).

La protezione raggruppa più azioni di "controllo" in un'unica finestra di terminale ed è molto più semplice da configurare rispetto a una solida pipeline di asset. Installa le gemme, configura lo .guardfile secondo le istruzioni di guardia-bussola e guardia-jekyll, cd nella tua directory e digita guard. Ogni volta che un file pertinente cambia i tuoi file sass e/o il sito jekyll verrà ricompilato.

2

Divulgazione completa: io sono l'id principale di questo progetto.

Il modo più semplice che ho visto di configurare Sass con Jekyll è con jekyll-compass. Questo gioiello farà esattamente come descriveresti: Ogni volta che jekyll crea il tuo sito web (jekyll build, jekyll serve, ecc.) Il tuo Sass verrà compilato nella cartella di output insieme al resto del tuo sito web. Controlla il readme collegato sopra per i dettagli di utilizzo completo.

Al momento ci sono alcuni lavori in corso da parte dei ragazzi di Jekyll per portare il supporto di Sass nel nucleo di Jekyll in modo che tutti abbiano almeno un accesso di base a Sass e alla meravigliosa serie di funzioni che fornisce.