我有一个场景,我将通过 CDN 获取背景图像 URL,其基本路径在环境文件中设置。由于我只能在 .js
文件中访问环境变量,而不能在 .scss
中访问,因此无法在 .scss
中定义样式.我可以使用内联样式,但我想通过媒体查询根据设备大小显示/隐藏背景图像。但是我无法在 .js
中获取它。
那么,有什么解决办法吗?
最佳答案
根据环境变量,您可以拥有 React 中所需的多个 CSS 文件。一个例子可以是:
if (process.env.NODE_ENV === 'development') {
require('./dev_only_styles.css');
}
关于css - 在 reactjs 应用程序的 .scss 文件中获取环境变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53083140/