PhpStorm SCSS - Файл Watcher Настройка

Question

У меня есть структура, как это:

Где я пытаюсь настроить SCSS файла следящего.

Вот мои текущие параметры:

Моя цель состоит в том, чтобы собрать

../scss/style.scss в ../css/style.css

../scss/user/profile.scss в ../css/user/profile.css

Как настроить свой параметр в файле Wat чтобы достичь этой картины?

Answer 1

Если это возможно для вашего проекта, рассмотреть возможность использования компаса скомпилировать scss. Таким образом, независимо от структуры файла в каталоге scss, после компиляции будет эта структура зеркалирована в каталоге css. Это довольно легко установить, есть также хорошее руководство для чтения: PhpStorm/Working with SASS and SCSS in Compass Projects

В основном вам нужно:

1. Установите компас: gem install compass
2. кд в public\themes\701 каталог и запустить compass init, конфигурационный файл config.rb, отредактируйте эту конфигурацию, чтобы отразить структуру вашего каталога.

3. Включить поддержку компаса в настройках:

   Файл> Настройки> Языки & Каркасы> Компас

4. Теперь установка файла Watcher как на картинке:

$ProjectFileDir$\public\themes\701 полный путь к директории с config.rb файла.

Это будет скомпилировать scss файлам в css в порядке в соответствии с запросом.