Блог

У меня есть проект react с файлом «_variables.scss» со многими переменными. Мне нужно изменить значение переменных в соответствии с текущей средой (например, $global-primary-background зеленый в одной среде, но должен быть красным в другой среде). есть ли какое-либо решение для этого? Спасибо!

простым способом сделать это может быть:

 new webpack.DefinePlugin({ __DEVMODE__: false }) //set it depending on your webpack logic
 

создайте разные файлы scss, один для prod и один для dev, затем в вашем индексе загружайте разные файлы в зависимости от __DEVMODE__