Заставить WebStorm перекомпилировать один файл SCSS при изменении любого файла SCSS в папке

Question

Я работаю над проектом, над которым также работают мои коллеги, они работают над ним в Atom, и у них настроен Atom так, что он работает так:

Есть папка, css, и в этой папке находится основной файл custom.scss, который импортирует все остальные файлы scss и компилируется в custom.min.css и custom.min.css.map.Есть также подпапки с большим количеством файлов scss.Каждый раз, когда любой файл scss изменяется в css или в любой из его подпапок, custom.scss перекомпилируется, но никакой другой файл scss не перекомпилируется.

С помощью средства просмотра файлов SCSS WebStorm я могу это сделать?

Моя первая попытка состояла в том, чтобы изменить scope в настройках наблюдателя, просто посмотреть custom.scss, и это вроде как работает, но мне приходится менять custom.scss каждый раз, когда я хочу, чтобы он перекомпилировался, вместо того, чтобы перекомпилироваться при измененииа также любые другие файлы scss.

Моя интуиция заключается в том, что мне нужно установить область видимости для рекурсивного просмотра всех файлов scss в каталоге css, а также изменить настройку Arguments в файле.наблюдатель явно скажет compile custom.scss into custom.min.css, но я не совсем уверен, как это сделать

Answer 1

Ключевым параметром здесь является «Отслеживать только корневые файлы» - когда он не установлен, он пытается скомпилировать все просматриваемые файлы scss, поскольку они сохраняются по отдельности, но когда он установлен, он компилирует файл, только если это НЕ помечен как включаемый в другой файл.

Установите область для просмотра изменений во всех файлах scss: file:assets/css/*.scss

Нажмите «Отслеживать только корневые файлы»

Измените аргументы на $FileName$:$FileNameWithoutExtension$.min.css --style compressed, чтобы он уменьшал

Теперь, когда вы сохраняете файл, включенный в custom.scss, он перекомпилирует только custom.scss (и другие корневые файлы) в custom.min.css и custom.min.css.map