React JS访问CSS变量，领先空格，但不在生产环境中

问题描述

在我的Create React App中，我有一个组件，可以在其中使用window.getComputedStyle(document.body).getPropertyValue('--color-red')

访问CSS变量。

我注意到在开发过程中（反应脚本开始），我得到了：

window.getComputedStyle(document.body).getPropertyValue('--color-red') // " #ff0000"

在生产过程中（生成反应脚本）时，我得到：

window.getComputedStyle(document.body).getPropertyValue('--color-red') // "#ff0000"

---

在我的主Sass文件“ App.scss”中声明了CSS变量：

:root {
  --color-pj-red: #ff0000;
}

---

这是为什么？前导空间似乎是多余的。不过最令人讨厌的是，该值因环境而异。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）