css - Sass 在 Laravel Mix ^4.0.7 中将背景位置值编译为 100%

Question

如何阻止 SASS 将 background-property 编译为 100%？

background-position: center right #{"calc(.4em + .1875rem)"};

我尝试的是应用 string interpolation在值上，就像我在 calc 函数上所做的一样。

background-position: #{"center"} #{"right"} #{"calc(.4em + .1875rem)"};

我期待的是非计算字符串，只有 center right calc(.4em + .1875rem) 作为值。

Answer 1

它似乎是 CssNano 中的 normalizePositions 选项，它在 Laravel Mix 中被设置为默认值。

要解决此问题，只需禁用该选项即可:

mix.options({
    cssNano: {normalizePositions: false}
});