Skip to content

sass与scss的区别

Sass 和 Scss 其实是同一种东西,Scss是新版本名称

使用两者都需要安装sass-loader & node-sass

shell
cnpm i -D node-sass sass-loader

区别:

1、语法不同

css
// scss必须使用花括号与分号标识
<style lang="scss">
#wrap {
  color: yellowgreen;
}
</style>

// sass必须省略花括号与分号。使用缩进作为语法控制。
<style lang="sass">
#wrap
  color: yellowgreen
</style>

2、扩展名不同

  • Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名