Получить переменные окружения в файле .scss в приложенииactjs

Question

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

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

Answer 1

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

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