PhpStorm File Watcher для SCSS не компилирует node_modules

Question

Я работаю над пользовательской темой для моего локального сайта WordPress.Я установил File Watcher в PhpStorm, который компилирует мои scss-файлы в myTheme/scss/ в myTheme/style.css.

. Это работает, как задумано, переменные, которые я объявил в _variables.scss, могутиспользоваться в style.css или любом другом файле, импортированном после него.

Моя проблема сейчас заключается в том, что @import '~foundation-sites/dist/css/foundation.min.css'; компилируется как @import '~foundation-sites/dist/css/foundation.min.css'; вместо фактического содержимого CSS.

Я пытался использовать @import '../node_modules/foundation-sites/dist/css/foundation.min.css'; вместо этого, но это компилируется так же.

Что я делаю не так?

Answer 1

.css расширение в операторе импорта указывает компилятору генерировать простой импорт CSS вместо извлечения содержимого;см. https://github.com/sass/sass/issues/556#issuecomment-397771726 для справки.Я бы предложил изменить ваш импорт на @import '../node_modules/foundation-sites/dist/css/foundation' - это должно помочь.Обратите внимание, что префикс ~ является функцией веб-пакета, о котором SASS-компилятор не знает.Таким образом, при использовании SASS в вашем наблюдателе файлов вы должны либо изменить путь на относительный, либо передать --load-path node_modules/ компилятору

Answer 2

Я столкнулся с этой проблемой, и эта решила ее для меня.Снимите флажок Track only root files, который установлен по умолчанию.