Как я могу использовать глобальные переменные scss переписать мои модули узла

Question

Я сделал свой личный UI-фреймворк (реагирующие компоненты), и мне нужно поделиться платформой с некоторыми моими проектами.

Поэтому я хочу загрузить свою платформу в NPM для хорошего управления. Но у меня проблема.

Я использовал scss для моей платформы, и у меня есть один файл глобальных переменных scss. Что если я хочу использовать разные значения глобальных переменных для каждого проекта?

По этой причине я хочу вывести файл моей глобальной переменной из папки node-modules.

, тогда я могу влиять на глобальные переменныев узел-модуль из папки узлов-модулей?

или, может быть, есть лучший способ управлять ими.

Извините за мой плохой английский.

Любая идея мне подходит, спасибо!

Answer 1

SCSS позволяет вам определять значения по умолчанию для переменных, которые могут быть отменены.

Файл примера в вашем проекте app.scss

$some_color: blue;
@import 'node_modules/yourframework/main'; // This is your frameworks main file

Файл примера в вашей структуре node_modules/yourframework/main.scss

$some_color: red !default;
body{
   background-color: $some_color;
}

Это приведет к тому, что фон вашего тела станет синим.

Удачи!