Получить переменные среды в файле .scss в приложении reactjs

У меня есть сценарий, в котором я буду получать URL-адрес фонового изображения через CDN, базовый путь которого задан в файле среды. Поскольку я могу получить доступ к переменной среды только в файле .js, а не в .scss, определение стиля в .scss невозможно. Я мог бы использовать встроенные стили, но я хотел бы показать / скрыть фоновое изображение в зависимости от размера устройства с помощью медиа-запроса. Но я не могу этого добиться в .js.

Итак, есть ли решение?

0
0
1 433
1

Ответы 1

У вас может быть несколько файлов CSS, которые вам нужны в React, в зависимости от переменной среды. Примером может быть:

if (process.env.NODE_ENV === 'development') {
    require('./dev_only_styles.css');
}

Хорошая мысль. Итак, как сказал мойгонз, вы можете показать фоновое изображение, используя встроенные стили в js, и использовать css, чтобы скрыть это изображение от медиа-запросов css.

Aditya 31.10.2018 14:06

Другие вопросы по теме