在reactjs应用程序的.scss文件中获取环境变量

我有一个场景，我将通过CDN获取背景图像URL，CDN的基本路径在环境文件中设置。由于我只能在

.js

文件中访问环境变量，而不能在

.scss

中访问，因此无法在

.scss

中定义样式。我可以使用内联样式，但我希望通过媒体查询根据设备大小显示/隐藏背景图像。但我无法在

.js

中获得这一点

---

那么，有什么解决方案吗？

根据环境变量的不同，您可以在React中拥有多个所需的CSS文件。例如：

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

---

好主意。正如moigonz所说，您可以在js中使用内联样式显示背景图像，并使用css在css媒体查询中显示和隐藏该图像。