我创建了一个新的CRA副本,只是为了确保它不是我的代码中的自定义内容,除了一个sass文件(以下代码)之外,我什么都没有:
.test {
top: calc((0% - (100% - 1.2em)) - 16%);
}
当我运行开发模式时,该行正确显示,但是,当我运行run build时,我得到了:
.test{
top:calc(-116% - -1.2em)
}
这绝对不是我想要的。我只希望calc()的内容保持不变,而无需对其进行评估。我已经研究过了,似乎需要使用插值法了,但是我很累,没有运气。到目前为止,这是我尝试过的:
top: #{'calc((0% - (100% - 1.2em)) - 16%)'};
top: calc#{'((0% - (100% - 1.2em)) - 16%)'};
top: calc((#{$zero} - #{$hMinus1}) - #{$sixteen});
top: unquote('#{calc((#{$zero} - (#{$oneH}- #{$onePTwo})) - #{$sixteen})}');
我已经厌倦了各种各样的方法来让它只忽略该行,但是正如您所见,它一直在评估某种形式的-1.2em。
还有其他方法可以使这项工作成功吗?