由于Front的原因，@charset UTF-8上出现了scss-lint错误

Question

我正在使用Vim和Syntastic语法检查插件，配置为使用默认的sass和scss-lint linter对scss文件进行lint。

在Jekyll项目中打开css/main.scss，scss-lint返回错误：

css/main.scss:5:1 [E] Syntax Error: Invalid CSS after "@charset "utf-8"": expected "{", was ";"

删除字符集声明会导致下一行出现相同的错误，依此类推……

删除Front Matter块和scss-lint不再报告错误，但Jekyll需要在sass文件的头部有一个空的Front Matter块来处理它，导入部分和输出css。

如何将scss-lint配置为忽略Front Matter块？

Answer 1

在用户目录中添加包含以下内容的.scss-lint.yml配置文件：

preprocess_command: "sed '1{/^---$/{:a N;/---$/!ba;d}}'"

scss-lint gem将首先在当前工作目录中查找配置文件，然后在用户目录中查找。

preprocess_command命令scss-lint首先通过sed命令运行scss文件的文本。

sed命令strips out the Front Matter block；然后将文件传递给scss-lint进行错误检查，并在第一行使用@charset声明。

如果从第一行开始的三个短划线---之间没有Front Matter块，文件将按原样从sed传递给scss-lint。