Co to jest Compass, co to jest sass… czym się różnią?

166

Chciałbym zacząć używać kompasu i sassa, aby przyspieszyć rozwój. W tej chwili zainstalowałem Sass na komputerze Mac i poinstruowałem go, aby oglądał plik scss pod kątem danych wejściowych i plik css dla wygenerowanych danych wyjściowych.

Z wielu artykułów, Sass jest używany z Compassem, zastanawiam się, dlaczego tak jest i co dodaje Compass, że Sass jest bez? Jeśli możesz podać przykład, tym lepiej.

Dzięki

css sass compass-sass Chiko
źródło
2
więc minęło trochę czasu, odkąd opublikowałeś. Czy Compass zmienił twoje życie?
gdbj

Odpowiedzi:

140

Z książki Sass and Compass in Action autorstwa Wynn Netherland, Nathana Weizenbauma, Chrisa Eppsteina i Brandona Mathisa:

1.3 Co to jest kompas?

Compass pomaga autorom Sass pisać mądrzejsze arkusze stylów i umożliwia społeczności projektantów i programistów tworzenie i udostępnianie potężnych frameworków. Mówiąc prościej, Compass jest frameworkiem Sass , zaprojektowanym tak, aby stylizacja sieci była płynna i wydajna. Podobnie jak Rails jako framework aplikacji internetowych dla Rubiego, Compass jest zbiorem pomocnych narzędzi i sprawdzonych w walce najlepszych praktyk dla Sass .

(podkreślenie dodane)

Jonathan de M.
źródło
6
ta odpowiedź jest dość książkowa. Przykłady użycia są wymagane.
Anirudha
69

Compass jest rozszerzeniem Sass (tak jak w Compass wymaga Sass). Ma swój własny kompilator (zamiast tego sass --watchużywasz compass watch). Ma dużą kolekcję mikserów i funkcji, które uznasz za niezwykle przydatne (chociaż często wskazuje się na generowanie właściwości CSS3 z prefiksami dostawcy, może robić takie rzeczy, jak automatyczne generowanie map spritem i CSS).

Compass jest również zbudowany w taki sposób, że możesz spakować własną bibliotekę typu bootstrap w celu łatwego wdrożenia w wielu projektach bez konieczności kopiowania / wklejania źródła do każdego z nich.

cimmanon
źródło
2
Czy jest to biblioteka zbudowana na SASS, czy też jest to nowy język (prawdopodobnie kompatybilne wstecz rozszerzenie) SASS?
Ciro Santilli 郝海东 冠状 病 六四 事件 法轮功
2
Ciro: Tym bardziej, że to pierwsza rzecz, ale tak naprawdę to nie jest biblioteka. Zawiera bibliotekę mikserów i funkcji, ale to coś więcej, ponieważ ma również własny kompilator.
SO'Brien