为何Webkit与Moz前缀未出现在SCSS编译后的CSS输出中？

核心原因是现代Sass预处理器（如Dart Sass）内置了冗余前缀自动过滤机制，具体细节如下：

• box-sizing属性的厂商前缀需求早已过时：webkit内核浏览器（如Chrome、Safari）在版本10+、moz内核浏览器（如Firefox）在版本29+之后，就已经原生支持不带前缀的标准box-sizing属性，不再需要-webkit-和-moz-前缀。
• 你的混合宏代码本身逻辑是正确的，但Sass在编译时会自动检测属性的兼容性状态，判定-webkit-box-sizing和-moz-box-sizing属于冗余规则，因此直接将它们从输出中剔除，只保留了对旧版本Opera（-o-）、IE8/9（-ms-）仍有必要的前缀，以及标准属性。

如果想要强制保留这些前缀，可以尝试使用旧版本的Sass（如LibSass 3.x及以前），或者关闭Sass的自动兼容性优化功能（不同编译工具的配置方式不同，比如在webpack中调整sass-loader的参数）。

内容的提问来源于stack exchange，提问作者ayham