Jak przekonwertować katalog Sass / SCSS do CSS za pomocą wiersza poleceń?

Próbowałem: 

sass-convert --from scss --to css --recursive app/assets/stylesheets temp

Ale to tylko konwertuje css do SASS, a ja chcę odwrotnie.

Potem spojrzałem na polecenie sass, ale nie wygląda na to, żebym mógł przekazać mu katalog.

 33
sass
Author: cimmanon, 2013-10-18
Source

4 answers

Aby wykonać jednorazową kompilację Sass zamiast watch, możesz to zrobić z linii poleceń: 

sass --update scss:css

Aby zaimportować jeden plik Sass (Zwykle częściowy, z _ rozpoczynającym nazwę pliku), możesz to zrobić wewnątrz pliku Sass: 

@import "_base.scss";

W ten sposób Sass wie gdzie chcesz, aby include wystąpił.

Domyślnie Sass nie może zaimportować całego katalogu. [[15]}Sass Globbing gem , jednak może. Możesz go zainstalować za pomocą polecenia linia: 

gem install sass-globbing

A potem oglądaj z nim: 

sass -r sass-globbing --watch sass_dir:css_dir

Zauważ, że globbing będzie importować pliki Alfabetycznie, więc upewnij się, że CSS będzie odpowiednio kaskadowy, jeśli to nastąpi.

 45
Author: KatieK,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-04-11 17:16:25

Użyj polecenia sass, po którym następuje input file name and path, dwukropek (:) i żądane output file name and path. Jeśli plik wyjściowy nie istnieje, Sass wygeneruje go. Na przykład, 

sass sass/main.scss:css/main.css

Jest to jednak jednorazowe polecenie, które wymagałoby uruchomienia za każdym razem, gdy chcesz wygenerować nowy plik CSS. Prostszą i wygodniejszą metodą jest użycie wbudowanej flagi --watch Sass. To śledzi zmiany w pliku Sass i automatycznie uruchamia polecenie kompilacji za każdym razem, gdy zapisujesz zmiany.

sass --watch sass/main.scss:css/main.css

Jeśli masz wiele plików Sass w katalogu, możesz obserwować zmiany w dowolnym pliku w tym katalogu: 

sass --watch sass:css

Sass posiada również cztery style wyjściowe CSS: nested, expanded, compact i compressed. Można je stosować w ten sposób: 

sass --watch sass:css --style compressed
Więcej informacji można znaleźć w dokumentacji Sass .
 8
Author: Reggie Pinkham,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-11-27 00:21:51

Aby to zrobić, po prostu przejdź do katalogu projektu i zrób to: 

sass --update sass-dir:assets/css

Z Sass-dirkatalog zawierający rzeczywiste pliki sass i aktywa/css pożądany katalog wyjściowy.

Mam nadzieję, że to pomoże.
 4
Author: kourouma_coder,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-08-09 05:25:00

Możesz użyć compass aby przekonwertować pliki Sass do CSS.

Aby zainicjować config.rb, spróbuj: 

compass init --syntax=sass --css-dir=css --javascripts-dir=js

Gdy już masz plik konfiguracyjny, spróbuj: 

compass compile

Lub poprzez jawne podanie pliku: compass compile sass/foo.scss.

Aby go zainstalować, spróbuj: 

sudo gem update
sudo gem install sass compass
 0
Author: kenorb,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-08-26 10:47:06