Bootstrap 4 SCSS переопределения сокращений не работает - PullRequest
0 голосов
/ 19 июня 2019

Я импортирую несколько файлов типа конфигурации при обработке 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;

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...