Sass- kompilacja na css

pytanie zadane 5 listopada 2016 w Inne języki przez SandraS Obywatel (1,400 p.)

Zainstalowałam sass i compass. Pracuję z książką. Po utworzeniu plików z kodem css i zaimportowaniu ich do pliku styles.scss za pomocą @import i włączeniu w wierszu poleceń compass watch nic się nie dzieje na stronie. Nie generuje się plik css w folderze css i nie widać go na stronie (strona jest surowa). Jak to działa? Gdzie robię błąd? Jeżeli w kodzie strony każą mi dać ścieżkę do kodu css w folderze css, który jest pusty. W jaki sposób styles.scss jest połączony z plikiem strony?
Ktoś mi to wytłumaczy łopatologicznie bo chyba nie potrafię tego pojąć a książka nie pomaga :(
Może jakiś tutorial?

1 odpowiedź

odpowiedź 5 listopada 2016 przez Jacek Rojek Bywalec (2,380 p.)
wybrane 6 listopada 2016 przez SandraS

Najlepsza

możesz zainstalować plugin do edytora teksu, który zrobi konwersje automatycznie przy zapisie. Ja używam np Atom i sass-autocompile

Możesz tez użyć task managera jak np Grunt, i w nim to skonfigurować.

Edit: najpierw opanuj sam SASS i wtedy zacznij używać compass

komentarz 5 listopada 2016 przez SandraS Obywatel (1,400 p.)

Nie chcę pluginów, nie znam się na tym. Książka zmusza mnie do tego, że poznaje sass i compass i nie potrafię tego rozdzielić, nie wiem gdzie jest granica :(

komentarz 6 listopada 2016 przez Jacek Rojek Bywalec (2,380 p.)
edycja 6 listopada 2016 przez Jacek Rojek

SASS to Preprocessor ktory ulatwia pisanie CSS poprzez dodanie nowych mozliwosci jak zmienne albo nesting. Pliki .scss nie są rozpoznawalne przez przegladarki, wiec kod napisany w .scss musi byc zamieniony na zwykly plik .css ktory mozesz dodac do strony. SASS daje ci latwa mozliwosc łączenia plikow typu .scss(modułów) uzywajac "include" zasada jest taka ze dajesz wszystkie moduły do jednego pliku i ten plik konwertujesz na .css.min co zmiejsza rozmiar pliku. Compass to taki popularny dodatek.

Czego uzywalas do instalacji SASS? Node.js? Ruby on Rails? czy wyswietla sie jakis error w konsoli?

Czy na pewno jestes w folderze projektu gdy wpisujesz "compass watch"?

Blog z tutorialami

komentarz 6 listopada 2016 przez SandraS Obywatel (1,400 p.)

Do instalacji użyłam Ruby. To też nie było proste bo nie widziało gem ale jakoś udało mi się to zainstalować. Przespałam się z tym i zainstalowałam Scout- tam wrzuciłam folder z moim projektem i wygenerowało mi css, dziękuję :)