css - React Create App -> 为什么 SASS 编译 css 变量 2 次

Question

React 使用 sass 和 css 变量创建应用程序冲突

反应 16.7.0 node-sass ^4.13.0" sass-loader ^8.0.0

------ 萨斯 ------

:root {
  --ffRegular: "Cera-Regular";
  --color1: #{$color1};
  --color2: #{$color2};
  --color3: #{$color3};
}

body {
  font-family: var(--ffRegular);
  background: var(--color3);
  color: var(--color1);
}

---------- 编译的css --------

body {
  font-family: "Cera-Regular";
  font-family: var(--ffRegular);
  background: #ffffff;
  background: var(--color3);
  color: #000000;
  color: var(--color1);
}

在浏览器上