Импорт SASS из другого пакета npm

Question

Я хотел бы получить небольшое руководство по моим следующим действиям. В нашей компании мы начинаем работу над новой административной панелью. Я пришел с идеей по модуляции его на небольшие, более управляемые части с npm.

Первый и самый важный модуль, над которым мы работаем, - Медиа-браузер. Это написано в «Реакт» и «Сасс». Это зависит от другого модуля, который теперь называется каркасом , который является своего рода основой для нашей панели администрирования. Он также основан на Sass и содержит все важные миксины и переменные.

Теперь, на вопрос: Как импортировать микшины и переменные в Media Browser package? Относительные пути различаются. Пример:

Каталог структуры при разработке Media Browser:

node_modules 
    framework 
     vars.scss 
styles.scss 
package.json 

Структура каталогов при использовании Media Browser в панели администратора:

node_modules 
    framework 
     vars.scss 
    media-browser 
     styles.scss 
package.json 

Относительные пути к vars.scss различны.

Я новичок в npm, поэтому мой подход может быть неправильным. Я тоже попробовал беседу, но я думаю, что с деревом зависимости npm @ 3 это то же самое.

Я нашел аналогичный вопрос здесь: Importing Sass through npm, но я предпочел бы избежать некоторых обходных решений. IMHO, это должно быть выполнимо более элегантным способом теперь в npm @ 3.

Спасибо

Answer 1

Если вы хотите импортировать файл CSS из папки node_modules использовать ~.

Установка модуля: npm install normalize.css --save

А затем импортировать его в app.scss: @import '~normalize.css';

Убедитесь, что точка входа модуля NPM является правильным. Вы также можете сделать что-то вроде @import '~normalize.css/path/to/build.css';