如何lint自定义SASS功能？

Question

说我有以下SASS ......

@function myCustomFunction($param) {
    @return ($param);
}

h1 { font-size: myCustomFunctionWithATypo(32); }

这不会引起任何linting错误，因为它将myCustomFunctionWithATypo解释为css3函数，即使它不存在。

我可以使用任何东西来定义自定义函数的命名以便捕获它吗？

Answer 1

如果您正在使用gulp，您可以将您的gulp任务设置为以下

gulp.task('sass', function () {
    return gulp.src('./sass/*.scss')
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest('./src/css'));
});

通过设置这样的方式代码在第2行显示错误，并且不会成功编译到css

希望这有帮助