Рассмотрим настройку автоматической минификации файлов CSS и JS в PHPStorm с помощью YUI Compressor (The Yahoo! JavaScript and CSS Compressor).
-
Настройку начнём с создания кастомных областей видимости, чтобы исключить обработку уже минифицированных файлов и не получить на выходе файлы вида: *.min.min.js, *.min.min.min.js и т.д.:
-
PHPStorm > 'Меню' > 'File' > 'Appearance and Behavior' > 'Scopes' > '+' > 'Local'
-
Вводим имя настройки. Например, 'Exclude *.min.js' для JS и 'Exclude *.min.css' для CSS
-
Указываем паттерны, какие файлы обрабатывать, а какие исключать:
-
Для JS: file:*.js&&!file:*.min.js
-
Для CSS: file:*.css&&!file:*.min.css
-
Ок
-
Скачиваем jar-файл YUI Compressor с GitHub.
-
Подключаем и настраиваем Watcher'ы для наблюдения за файлами и выполнением необходимых операций:
-
PHPStorm > 'Меню' > 'File' > 'Tools' > 'File Watchers' > '+'
-
Предустановки 'YUI Compressor JS' для JS и 'YUI Compressor CSS' для CSS.
-
Указываем Scope.
-
Указываем путь к jar-файлу.
-
Другие настройки оставляем по умолчанию.
-
Ок
-
На этом настройка завершена. Можно приступать к работе.