2013-07-31 27 views
19

Czy istnieje sposób na skonfigurowanie SASS FileWatcher, aby zbudował Minified CSS?Jak zminimalizować CSS za pomocą SCSS File Watcher w PHPStorm IDE

Aktualnie skonfigurowałem kompresor SASS + YUI, aby to osiągnąć, ale chciałbym to zrobić z czystym SASS, jeśli to możliwe.

Oto screeny z obu konfiguracjach:

SASS

YUI Compressor CSS

góry dzięki.

+5

Czy sprawdziłeś argumenty wiersza poleceń? Kompilator SASS (scss.bat) obsługuje opcję '--style compressed', która daje ** bardzo kompaktowy/skompresowany wynik ** - http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html# output_style. Jeśli chcesz - możesz przetworzyć go ponownie za pomocą YUICompressor (aby * prawdopodobnie * uzyskać jeszcze kilka optymalizacji). ** Alternatywnie ** utwórz plik .BAT/.CMD, który najpierw skompilowałby kod sass, a następnie uruchom go przez YUIC (łącznie 2 linie) i użyj go w swoim module do sprawdzania plików zamiast w aktualnym kompilatorze SASS. – LazyOne

+0

@LazyOne To powinno być odpowiedź. :) – KatieK

Odpowiedz

43

Prawdopodobnie najszybszym sposobem, aby to osiągnąć, jest skorzystanie z opcji skompresowanej, wspomnianej w poprzednich komentarzach, jako argumentu. Najszybszym sposobem, aby skonfigurować to w PHPStorm jest następujący:

  • Przejdź do File > Settings
  • Wewnątrz Project Settings wybrać File Watchers
  • już Należy mieć obserwatora SCSS utworzony tutaj (jeśli masz włączony plugin SCSS zegarek, PHPStorm monituje o utworzenie obserwatora podczas otwierania nowego pliku .scss.) W przeciwnym razie włącz go (więcej informacji na ten temat w tej sekcji official documentation), a następnie utwórz nowego obserwatora naciskając symbol "+".
  • Kliknij dwukrotnie nazwę obserwatora, aby uzyskać dostęp do jego konfiguracji.
  • W linii Arguments upewnij się, aby dodać --style compressed argumentem
  • kliknij OK i gotowe

Ten obraz pokazuje, że konfiguracja powinna wyglądać:

Compressed SCSS settings in PHPStorm

Od tego na koniec, twoje pliki wyjściowe .css zostaną skompresowane.

+7

Oto pełna Argumenty: --no-cache - styl skompresowany --aktualizacja $ nazwa_pliku $: $ nazwa_pliku z rozszerzeniem $ .min.css – achucuan