Как минимизировать CSS с помощью SCSS File Watcher в PHPStorm IDE

Есть ли способ настроить SASS FileWatcher, чтобы он создавал Minified CSS?

В настоящее время я сконфигурировал SASS + YUI Compressor для этого, но я хотел бы сделать это с помощью чистого SASS, если это возможно.

Ответы

Ответ 1

Вероятно, самым быстрым способом добиться этого является использование сжатого параметра, упомянутого в предыдущих комментариях, в качестве аргумента. Самый быстрый способ настроить это в PHPStorm выглядит следующим образом:

Перейдите к File > Settings
Внутри Project Settings выберите File Watchers
У вас уже должен быть создан наблюдатель SCSS (если у вас включен плагин просмотра SCSS, PHPStorm предлагает создать наблюдателя при открытии нового .scss файла.) В противном случае включите его (подробнее об этом в этом разделе официальной документации , а затем создайте нового наблюдателя, нажимая символ "+".
Дважды щелкните имя наблюдателя, чтобы получить доступ к его конфигурации.
В строке Arguments обязательно добавьте аргумент --style compressed
Нажмите "ОК" и вы закончите.

Это изображение показывает, как должна выглядеть эта конфигурация:

С этого момента ваши файлы вывода .css будут сжаты.

Ответ 2

Если вы используете sassc под Linux (Arch), вы можете использовать в качестве аргументов:

-t compressed -m auto $FileNameWithoutExtension$.scss $FileNameWithoutExtension$.min.css