css - .Net bundler 在遇到加号时会去除空格？

Question

给定一个像这样的简单 CSS 定义:

最小宽度:calc(50% + 12px);

当 CSS 被缩小/bundle 时， bundler 似乎去除了某些空白区域，因此上面看起来像这样:

最小宽度:calc(50%+ 12px);

当然，这是无效的 CSS，会被浏览器忽略。有谁知道如何/为什么会发生这种情况，是否有某种设置/修复可以改善此问题？

Answer 1

.banner {
  position: absolute;
  left: calc(40px);
  min-width: calc(50% + 12px);
  border: solid black 1px;
  background-color: yellow;
  padding: 6px;
  text-align: center;
  box-sizing: border-box;
}

<div class="banner">This is a banner!</div>