Webpack -> sass-loader -> node-sass - импорт SASS: разрешение вложенной глубины 2 npm импорт пакетов - PullRequest
Новая
       31

Webpack -> sass-loader -> node-sass - импорт SASS: разрешение вложенной глубины 2 npm импорт пакетов

1 голос
/ 28 февраля 2020

У меня есть следующая структура для веб-компонента: 

-moduleA
   -node_modules
       -my-sass-package-a
           -node_modules
               -my-sass-package-b
                   _my-partial.scss
                   package.json
           _my-partial.scss
           package.json
   styles.scss
   package.json

В стилях.s css Я импортирую актив S CSS из my-sass-package-a: 

@import 'my-sass-package-a/my-partial';

В my-sass-package-a/my-partial я импортирую my-sass-package-b: 

@import 'my-sass-package-b/my-partial';

sass-loader выдает следующую ошибку (но ошибка действительно исходит из черного ящика node-sass)

SassError: Файл для импорта не найден или не читается: my-sass-package-b / my -part

Следующие SO не помогают и не обращаются конкретно к моему контексту / case:

  • { ссылка } (этот не работает, потому что они жестко кодируют вложенный пакет глубины, я не могу жестко закодировать «my-sass-package-b» в my includePaths
  • Импорт Sass через npm (этот не работает с пакетами SASS npm, но относительными активами SASS)

Это проблема заключается в разрешении глубины во вложенных зависимостях.

  • Есть ли способ подключиться к разрешению node-sass и предоставить подсказки для поиска в вложенный node_module при каждом разрешении root контекст?
    • Есть ли способ изменить опции node-sass для рекурсивного поиска пакетов SASS во вложенном node_modules без жесткого кодирования my-sass-package-b в моем includePaths, опять же, это не вариант для меня. (Я не вижу опции node-sass , которая бы помогла моему сценарию)
...