Загрузка scss с помощью require приводит к перезаписи переменных начальной загрузки 4

Question

Использование create-реакции-приложения

Загрузка файла scss условно:

  componentDidMount(): void {
    if (process.env.REACT_APP_APPID == 'sw') {
          require('../sw.scss');
    }
  }

sw.scss:

$primary: #7e8dbb;
@import "~bootstrap/scss/bootstrap";

Работает в режиме devmode (yarn serve)

Но при сборке (yarn build) переменные ($ primary и т. Д.) Перезаписываются.

Если вместо этого я сделаю "обычный" @import файла scss в верхней частифайл, это работает.Но, насколько я знаю, я должен использовать require для условной загрузки файла scss.

Есть идеи?Есть ли альтернативный способ условно загрузить файл scss?