1、找到settings.json文件
文件 => 首选项 => 设置 => settings.json全局配置文件
2、配置项
"easysass.compileAfterSave": true, // 保存scss/sass文件后自动编译
"easysass.excludeRegex": "", // 提供文件名正则表达式,匹配到的文件会被排除,不会编译为css,默认为空,则功能关闭
"easysass.formats": [
{
"format": "expanded",
"extension": ".css"
},
{
"format": "compressed",
"extension": ".min.css"
}
],
// 编译不同风格的css
// 1.easysass.formats[i].format 用以编译生成对应风格的css,参数值默认是expanded
// nested:嵌套缩进的 css 代码。
// expanded:没有缩进的、扩展的css代码,整齐。
// compact:简洁格式的 css 代码,每个选择器的全部样式写在同一行。
// compressed:压缩后的 css 代码。
// 2.easysass.formats[i].extension 用以设置编译输出的文件拓展名,此处可以自定义文件名,输出的 css 文件名会按照“当前 Sass 文件名(不含拓展名)+此处自定义文件名”的格式来生成
// 例如:设置 "easysass.formats[i].extension": ".min.css",假设当前的 Sass 文件名为style.scss,则编译输出的 css 文件名为 style.min.css
"easysass.targetDir": "" // 很多情况下 scss/sass 文件和 css 文件是不在同一个目录下的,而 Easy Sass 默认输出的 css 是和当前 Sass 文件处于相同目录的为此我们需要通过该参数来配置输出路径