Возможно ли в PhpStorm File Watcher скомпилировать SCSS в CSS И создать минифицированный CSS?

Существует аргумент --style compressed для компиляции минимизированного css (например, компиляция минимизированного css описана здесь). Но можно ли скомпилировать .css И .min.css одновременно?

Или я должен создать отдельный наблюдатель файлов minify? (Я попытался создать 2 наблюдателя за файлом scss, один для .css, а второй для .min.css, но второй заменил первый, и я получил только уменьшенный css).


sass phpstorm minify file-watcher
person Red    schedule 08.12.2016    source источник
comment
Навряд ли. Я имею в виду - вы можете написать сценарий пакета / оболочки, который выполняет такую ​​работу, а затем использовать его в наблюдателе файлов - в этом случае все возможно. Что ж - вместо сценария пакета / оболочки - почему бы не выполнить задачу Gulp / Grunt и вызвать ее из File Watcher - в целом лучшее решение. В любом случае (традиционный подход): создайте 2 наблюдателя за файлами: один компилирует .scss файл в .css, а второй (с помощью другого инструмента, возможно) наблюдает, что сгенерировал .css файл и минимизирует его до .min.css - это возможно, поскольку Наблюдатели за файлами запускаются один после другого.   -  person LazyOne    schedule 08.12.2016

Ответы (1)


arrow_upward
3
arrow_downward

Возможные решения:

  1. Создайте 2 наблюдателя за файлами - SCSS->CSS и CSS->MIN.CSS. Для второго используйте любой доступный CSS-uglifier - например, YUI Compressor. См. https://www.jetbrains.com/help/webstorm/2016.3/minifying-css.html

  2. создать пакетный скрипт, который выполняет задание (вызывает компилятор SCSS для вашего .scss, а затем сжимает полученный CSS) и настраивает его как наблюдателя за файлами

  3. Используйте задачи Gulp / Grunt для компиляции и минимизации файлов. Вы можете настроить Gulp / Grunt в качестве наблюдателей за файлами или использовать Gulp / Grunt watch задачи

person lena    schedule 08.12.2016
comment
P.S. Для # 1 - не забывайте обрабатывать только фактические файлы .css - наблюдатель файлов должен использовать настраиваемую область, которая исключила бы уже минифицированные файлы (.min.css), иначе вы получите .min.min.css или один и тот же файл, обработанный несколько раз - минимизация уже минифицированный файл) - person LazyOne; 08.12.2016