IE11 中的 React Create Application 生产构建和 CSS 变量

Question

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

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

Answer 1

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

如果你不想使用polyfill，我认为你只能手动编辑CSS styles 添加CSS fallbacks来支持IE11。 像这样：

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