Wtyczka Eclipse do automatycznego kompilowania plików Sass

Question

Aktualnie używam wtyczki Aptana dla Eclipse, co zapewnia mi świetne podświetlanie składni i pozwala mi ręcznie kliknąć, aby skompilować plik * .scss do pliku * .css. To, co naprawdę chciałbym móc zrobić, to automatycznie skompilować go za każdym razem, gdy oszczędzam, ale nie mogę wymyślić, jak to zrobić.

Wiem, że można używać sass --watch w wierszu poleceń, ale nie chcę tego ustawiać ręcznie za każdym razem, gdy otworzę zaćmienie lub utworzę nowy projekt.

Czy ktoś znalazł dobry sposób na osiągnięcie tego? Czy musi być jakiś sposób na podłączenie się do pakietu Sass Aptany i wykonanie polecenia kompilacji za każdym razem, kiedy oszczędzam? Przyjęta odpowiedź na this question sugeruje użycie "Konstruktora programów" - ale czy to naprawdę najlepsze rozwiązanie? Jeśli tak, czy ktoś ma jakieś wskazówki/linki do samouczków?

Aktualizacja: napisałem o a blog post o tym, jak używać skryptu mrówki jako konstruktora, ale wciąż szukam lepszego sposobu.

Answer 1

Czy pomocna może być this page (Automatically Compling SASS/Compass in Eclipse/Zend Studio)?

Answer 2

jest przełącznik watch dla programu comus sass.
który odbudowuje plik wyjściowy (css) za każdym razem, gdy zmienia się źródło (scss, sass).

Cytując: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#using_sass

Korzystanie Sass

Sass może być używany na trzy sposoby: jako narzędzie wiersza polecenia, jako samodzielny moduł Ruby i jako plugin do każdej stojaku włączone framework , w tym Ruby on Rails and Merb. Pierwszym krokiem dla wszystkich z nich jest instalacja klejnotu Sass:

sass gem install Jeśli używasz systemu Windows, być może najpierw musisz zainstalować Ruby .

Aby uruchomić Sass z linii poleceń, wystarczy użyć

Sass input.scss output.css Można również powiedzieć Sass, aby obejrzeć plik i aktualizować za każdym razem CSS Sass złożyć zmiany:

Sass --watch input.scss: output.css Jeśli masz katalog z wielu plików Sass,
można również powiedzieć Sass oglądać całego katalogu:

Sass --watch app/Sass: publ ic/stylesheets Użyj sass - help dla pełnej dokumentacji .

Używanie Sassa w kodzie Ruby jest bardzo proste. Po zainstalowaniu gem Sass, można go używać przez uruchomienie wymaga "Sass" i za pomocą Sass :: Silnik jak tak:

silnika = Sass :: Engine.new ("# main {background-color: # 0000FF } ",: syntax =>: scss).render # => "#main {background-color: # 0000FF;} \ n"

Answer 3

Po wielu próbach, znalazłem, że najlepszym rozwiązaniem w Eclipse jest określenie prostego Builder użyciu - aktualizacja funkcji sass:

• Z menu Projekt wybierz "Właściwości" i wybierz sekcję "Konstruktorzy".
• Utwórz nowy Builder i wybierz "Program" jako typ konfiguracji.
• Wybierz nazwę konfiguracji uruchamiania (SASS ?!).
• Wprowadź ścieżkę instalacji sass do pola Lokalizacja.
• Użyj $ {project_loc} jako katalogu roboczego.
• W polu tekstowym Argumenty wstaw parametry konfiguracyjne, których chcesz użyć, a na koniec określ parametr --update, a następnie źródło katalogu sass, a następnie ":" i folder docelowy dla skompilowanych plików css . W mojej konfiguracji "resources" to folder źródłowy zawierający pliki .scss, a "web" to katalog docelowy zawierający skompilowane pliki .css. Polecenie --update sprawdzi modyfikacje w folderze źródłowym i wszystkich podfolderach. Screenshot
• W zakładce "Opcje budowy" po prostu zaznacz wszystkie opcje w sekcji "Uruchom budowniczego:". Możesz także "Określ zestaw roboczy odpowiednich zasobów", aby uruchomić program budujący tylko wtedy, gdy pliki zawarte w wybranych folderach są zapisywane. Screenshot
• Kliknij przycisk OK, aby zapisać konfigurację uruchamiania.
• Teraz spróbuj zmodyfikować plik .scss w swoim katalogu źródłowym, a następnie zapisz go, zobaczysz wyjście Sass CLI w oknie konsoli.

Interfejs Sass CLI automatycznie sprawdza dostępność zmodyfikowanych zasobów w folderze źródłowym (zasoby w mojej konfiguracji) i kompiluje je do folderu docelowego (sieć w mojej konfiguracji). Ponadto zostaną skompilowane wszystkie pliki .sass, które @importują zmodyfikowane zasoby.

Answer 4

Istnieje znacznie łatwiejsze rozwiązanie. Wystarczy postępować zgodnie z instrukcjami, aby zainstalować Sass od:

http://sass-lang.com/install

i można zauważyć, że najpierw trzeba będzie zainstalować Ruby. Po tym, po prostu przejdź do folderu, w którym znajdują się pliki SCSS/CSS, uruchom CMD i uruchom to polecenie DOS:

>cd <path-to-your-css-files> 
>sass --watch . 

Następnie wszystko co musisz zrobić, to połączyć pliki SCSS być uznawane przez Eclipse jako natywne pliki CSS. Śledź tego rozwiązania:

https://stackoverflow.com/a/12322531/4180447

nadzieję, że to pomaga.

Uwaga: Mogłem pominąć jeden lub dwa kroki. Jest to zgodne z tym, co zapamiętałem po zakończeniu instalacji. Jeśli napotkasz jakiś problem, po prostu napisz komentarz, a ja postaram się ci pomóc.

Tarek