React创建应用程序生产构建和IE11中的CSS变量

Question

我想知道如何在生产版本中删除 CSS 变量。事实上，我需要为 IE11 构建一个不支持 CSS 变量的项目。我的项目是使用 React Create App 创建的，我无法执行 npm run pop。如何设置生产版本，以便在样式的初始心率中而不是变量，而是它们的值？

不要提供 css-vars-ponyfill，在 IE11 中加载页面需要很长时间。

Answer 1

让 CSS 变量在 IE 中工作的唯一方法是使用 polyfill。如果您不想使用 css-vars-ponyfill，可以尝试 ie11CustomProperties 或 css-variables-polyfill。

如果你不想使用polyfill，我认为你只能手动编辑CSS样式来添加CSS后备来支持IE11。像这样的事情：

body {
  --text-color: red;
}
body {
  color: red;
  color: var(--text-color);
}