Integracja SASS i Jekyll

Question

Zastanawiam się, czy istnieje sposób na integrację SASS z Jekyll. Potrzebuję tylko automatycznej kompilacji .scss do .css po uruchomieniu Jekyll.

Answer 1

Nie widzę niczego złego w kompilowaniu zasobów po uruchomieniu (co rozumiem jako uruchomienie) jekyll. Cały punkt uruchomienia jekyll polega na wstępnej kompilacji strony, która jest dobra dla wydajności.

Jeśli chodzi o konwersję zasobów - dostępnych jest wiele wtyczek, które koncentrują się na tym. Podoba mi się klejnot Jekyll Asset Pipeline, który obsługuje dowolny język (na przykład Scss, Less, CoffeeScript, Erb itp.) I ma wiele funkcji (np. Tagowanie zasobów, kompresję, gzipowanie itp.), Które go wyróżniają. Wydaje mi się, że jest to najszybciej rozwijający się klejnot związany z Jekyll, co oznacza, że ​​zyskuje on popularność w społeczności.

Answer 2

Jeśli chcesz zachować to tak proste, jak compass watch można użyć Guard gem wraz z guard-jekyll i guard-compass (a jeśli chcesz zastrzyku styl, guard-livereload).

Guard zawiera wiele akcji "obserwacyjnych" w jednym oknie terminala i jest znacznie łatwiejszy do skonfigurowania niż wydajny potok zasobów. Zainstaluj klejnoty, skonfiguruj .guardfile zgodnie z instrukcją kompasu ochronnego i straży-jekyll, cd do swojego katalogu i wpisz guard. Za każdym razem, gdy odpowiedni plik zmieni twoje pliki sass i/lub stronę jekyll zostanie przekompilowany.

Answer 3

Pełne ujawnienie: Jestem głównym twórcą tego projektu.

Najprostszym sposobem, w jaki skonfigurowałem Sassa z Jekyllem, jest jekyll-compass. Ten klejnot zrobi dokładnie to, co opisujesz: za każdym razem, gdy jekyll zbuduje twoją stronę internetową (jekyll build, jekyll serve, itd.) Twój Sass zostanie wkompilowany do folderu wyjściowego razem z resztą twojej strony. Zapoznaj się z plikiem readme połączonym powyżej, aby uzyskać pełne informacje o użytkowaniu.

Są też prace prowadzone obecnie przez facetów Jekyll, aby uzyskać wsparcie Sass w jądrze Jekyll, tak aby każdy miał co najmniej podstawowy dostęp do Sass i wspaniały zestaw funkcji, które zapewnia.

Answer 4

Native Sass i coffeescript, przetwarzanie zadebiutował w Jekyll v2.0:

http://jekyllrb.com/docs/assets/#sassscss