Настройка минификации CSS и JS файлов в PHPStorm

Рассмотрим настройку автоматической минификации файлов CSS и JS в PHPStorm с помощью YUI Compressor (The Yahoo! JavaScript and CSS Compressor).

1. Настройку начнём с создания кастомных областей видимости, чтобы исключить обработку уже минифицированных файлов и не получить на выходе файлы вида: *.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
   • Ок
   
2. Скачиваем jar-файл YUI Compressor с GitHub.
3. Подключаем и настраиваем Watcher'ы для наблюдения за файлами и выполнением необходимых операций:
   • PHPStorm > 'Меню' > 'File' > 'Tools' > 'File Watchers' > '+'
   • Предустановки 'YUI Compressor JS' для JS и 'YUI Compressor CSS' для CSS.
   • Указываем Scope.
   • Указываем путь к jar-файлу.
   • Другие настройки оставляем по умолчанию.
   • Ок
   
   
4. На этом настройка завершена. Можно приступать к работе.