Я импортирую несколько файлов типа конфигурации при обработке SCSS моих компонентов через style-resources-loader
.
К ним относятся загрузчик _functions.scss
, _variables.scss
и мой собственный файл variables.scss
, который задает пользовательские переменные и переопределяет некоторые загрузочные по умолчанию ... теоретически.
На практике все значения, которые я пытаюсь переопределить (colors
, theme-colors
), все еще используют значения по умолчанию для начальной загрузки.
Декларация, в которой я уверен, верна. Я видел это с ключами в кавычках, а не в кавычках (синий, основной) и пробовал оба способа без изменений.
//variables.scss - my file
$red-primary:#da291c;
$blue-primary:#167CAC;
$colors: (
blue: $blue-primary,
)
$theme-colors: (
primary: $red-primary,
)
Моя конфигурация загрузчика, которую я пробовал, с моим variables.scss
файлом, включенным поочередно как до, так и после файлов SCSS начальной загрузки , как этот ответ предполагает , и без изменений. Я пытался запускать полную сборку после каждого изменения, чтобы убедиться, что это не просто живой загрузчик.
module.exports = {
pluginOptions: {
'style-resources-loader': {
preProcessor: 'scss',
patterns: [
path.resolve(__dirname, './src/styles/variables.scss'),
path.resolve(__dirname, './node_modules/bootstrap/scss/_functions.scss'),
path.resolve(__dirname, './node_modules/bootstrap/scss/_variables.scss'),
],
}
},
};
Но $blue
и $primary
по-прежнему являются начальной загрузкой по умолчанию #007bff
вместо цветов, которые я установил.
Также пробовал
В том же месте я могу сделать:
$blue: $blue-primary;
$primary: $red-primary;
И переопределение работает. Это не очень хорошее решение. Этот пример включает только эти два цвета, но есть гораздо больше настроек, которые создаются с помощью шаблонов, которые было бы громоздким для реализации таким способом. Я не могу принять это как жизнеспособный ответ.