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

标签 css reactjs sass environment-variables media-queries

我有一个场景,我将通过 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/

相关文章:

html - CSS 最大宽度无效;改用宽度

reactjs - 禁止换行会破坏 JS。为什么?

javascript - React 中设置的时间选择器 - jquery-timepicker

html - 在 SASS 的循环中使用@include?

jquery - 如何将同一事件应用于多个按钮?

jquery - Border-Spacing 和 Border-Collapse 不起作用

html - 在 Adob​​e Air 应用程序中设置表单元素的样式

reactjs - 对象或 bool 值如何在 Typescript 中声明类型

css - 在 scss 中添加全局父选择器

sass - Zurb F5 : changing base-font-size and rem-base is confusing