怎样避免在构建后的css中使用css variable？

[269378737]

比如windicss默认生成的带css variable的样式是这样：

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}
.border-black {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

但是我想生成没有css variable的，像这样：

.bg-black {
  background-color: rgba(0, 0, 0, 1);
}
.border-black {
  border-color: rgba(0, 0, 0, 1);
}

请问要解决这个问题该怎么做呢？

[zhangenming]

+1

[uioz]

这个多半不好解决, 大量的指令都是基于 css variable 的, 这样做的优势是工具不用进行上下文分析只通过类名组合就能灵活实现效果的调整, 即使能通过插件实现恐怕得经过大量的修改才行.

或许可以试试 https://github.com/unocss/unocss

[NMTuan]

ie11 不支持 css variable 都是痛。。。