有没有办法根据当前环境加载 css 变量？

【问题标题】：is there a way to load css variables according to current environement?有没有办法根据当前环境加载 css 变量？
【发布时间】：2020-12-06 10:31:02
【问题描述】：

我有一个带有许多变量的“_variables.scss”文件的反应项目。我需要根据当前环境更改变量值，（例如 $global-primary-background 在一个环境中是绿色的，但在其他环境中需要是红色的）。有什么解决办法吗？谢谢！

【问题讨论】：

【解决方案1】：

一个简单的方法可能是：

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

创建不同的 scss 文件，一个用于 prod，一个用于 dev，然后在您的索引中加载不同的文件，具体取决于 __DEVMODE__

【讨论】：