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

【问题标题】：Sass compiles background-position values to 100% in Laravel Mix ^4.0.7Sass 在 Laravel Mix ^4.0.7 中将背景位置值编译为 100%
【发布时间】：2019-07-24 09:32:30
【问题描述】：

如何阻止 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) 作为值。

【问题讨论】：

你的第一个 sn-p 对我来说很好。（它也可以在没有任何字符串插值的情况下工作。）你确定你正在查看正确的当前输出吗？如果是这样，哪个版本的 Sass？
我正在使用最新版本的 Laravel Mix (4.1.2) 来编译我的 SASS 文件*。

标签： css sass laravel-mix

【解决方案1】：

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

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

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

【讨论】：