Я действительно застрял с настройкой SCSS с внешними ресурсами. По сути, мне удалось настроить File-Watcher, который компилирует мой файл .scss в .css. Но как только я пытаюсь добавить внешний файл, все заканчивается неудачей.
Давайте использовать Bootstrap в качестве примера.
Используя npm, я устанавливаю bootstrap в папку node_modules.
В моем файле SCSS я добавил @import ~bootstrap/scss/bootstrap. IntelliJ не жалуется и даже поддерживает автозаполнение пути. Но когда файл scss скомпилирован, консоль показывает следующую ошибку:
Error: Can't find stylesheet to import.
╷
13 │ @import "~bootstrap/scss/bootstrap";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
Мой наблюдатель файлов настроен, как описано в документации https://www.jetbrains.com/help/idea/transpiling-sass-less-and-scss-to-css.html
Я пытался использовать node-sassвместо дерзости, но проблема все еще сохраняется. Добавление .scss к импорту также не работает.
Я пытался включить node_modules (git-whise) и пометить его как корень ресурса, но по-прежнему нет возможности компилировать файл scss.
AmЯ пропустил важный шаг в настройке или импорт из node_modules просто невозможен?
Благодарю за помощь:)