Подтвердить что ты не робот

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

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

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

Вот скриншоты обеих конфигураций:

SASS

YUI Compressor CSS

Спасибо заранее.

4b9b3361

ОТВЕТЫ

Ответ 1

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

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

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

Compressed SCSS settings in PHPStorm

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

Ответ 2

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

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