使用SCSS时是否需要手动编写带浏览器前缀的CSS扩展属性？

我是CSS领域的新手，了解到部分CSS属性在不同浏览器中的渲染效果并不一致。
例如我想要使用如下CSS属性：

appearance: none;

若要让它在所有浏览器中表现一致，我需要编写：

-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;

比如moz-前缀就是针对Mozilla浏览器的适配。
请问我在使用SASS时，这些前缀需要我手动编写，还是会被自动处理？

Sass本身是CSS预处理器，没有内置自动补全浏览器前缀的功能，默认情况下你需要手动编写这些前缀，也可以通过配套工具或者自定义Sass规则实现自动处理，两种常用方案如下：

• 接入Autoprefixer工具
  这是目前业内最常用的处理方式，它可以和Sass编译流程无缝配合，你只需要正常写标准CSS属性，Autoprefixer会根据你设定的浏览器兼容范围，自动给需要的属性补全对应前缀，不需要你手动写任何前缀规则。
• 自定义Sass混合宏（mixin）
  如果你不想额外引入构建工具，也可以自己封装对应属性的混合宏来统一处理前缀，以appearance属性为例，封装逻辑如下：

  @mixin appearance($value) {
    -webkit-appearance: $value;
    -moz-appearance: $value;
    -ms-appearance: $value;
    -o-appearance: $value;
    appearance: $value;
  }
  

  使用时直接调用即可，不需要每次都重复写全所有前缀：

  .example-element {
    @include appearance(none);
  }
  

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