sass @import не работает для внешних файлов, начинающихся с подчеркивания

Question

Ошибка выглядит следующим образом: SassError: Файл для импорта не найден или не читается: @ library-x / core / style / main из строки 3 ./styles/app.scss

содержимое ./styles/app.scss

//more imports
@import 'variable'
@import '@library-x/core/style/main' //fails here
//more style definitions

структура папок

project root
---node_modules
------ @library-x
--------- core
------------ style
--------------- _main.scss
--- src
--- styles
------ app.scss
------ _variable.scss

Если я изменю оператор импорта на @import '@ library-x / core / style / _main 'sass отлично скомпилирован. Что касается заказа, то "@import 'variable'" работает, как и ожидалось.

Я царапал мне голову последние несколько дней, благодарю за любую помощь здесь. Спасибо.

Answer 1

Ваш путь импорта должен быть относительно файла, в который вы импортируете вещи. Таким образом, в app.s css вы можете ссылаться на _variable.s css только путем variable, но для файла _main.s css вам потребуется использовать путь ../../node_modules/@library-x/core/style/main.

.

Если ваш веб-пакет настроен на поиск модулей внутри node_modules, вы можете заменить часть "../../node_modules/" на одну ~. Таким образом, окончательный путь будет выглядеть как ~@library-x/core/style/main.