从官方示例来看，.scss文件是SCSS（Sassy CSS）的一种扩展，它基于CSS语法，允许使用更简洁的写法，同时也支持大部分CSS Hack和特定供应商的语法，例如IE的旧滤镜语法。这种扩展在Sass 3中引入了对CSS3新语法的支持，文件后缀为.scss。相比之下，.sass的语法更像Haml，去除了括号和分号，代之以缩进作为...
[sass 基础] .sass 和 .scss 区别
小春，滴滴公共前端的作者，在他们开源的小程序脚手架miniapps中，引入了css预编译功能，支持Sass和Stylus。最初，根据项目类型，脚手架会自动生成如app.sass这样的文件，但后来改为了.scss。那么，.sass和.scss之间究竟有何差异呢？
从官方示例来看，.scss文件是SCSS（Sassy CSS）的一种扩展，它基于CSS语法，允许使用更简洁的写法，同时也支持大部分CSS Hack和特定供应商的语法，例如IE的旧滤镜语法。这种扩展在Sass 3中引入了对CSS3新语法的支持，文件后缀为.scss。
相比之下，.sass的语法更像Haml，去除了括号和分号，代之以缩进作为代码块的分隔。然而，.sass并未像.scss那样广泛支持CSS3的扩展特性。
鉴于以上特性，小春建议在miniapps的最新版本中使用.scss作为默认后缀。对于深入了解这两种格式的详细信息，可以参考SASS_REFERENCE和miniapps项目文档。2024-08-05
