前言
在使用 sass 编写样式的时候，我们经常会使用 sass-lint 工具来帮助我们规范化书写。然而，在实际开发中，发现 lint 工具仅仅是给出了一些警告或者错误的信息，而并没有提供自动化修复的功能，这给我们带来了很多不便。这时，我们可以使用 sass-lint-auto-fix 这个 npm 包来为我们提供自动化修复的功能。
安装及使用
安装
全局安装 sass-lint-auto-fix。
npm install -g sass-lint-auto-fix
使用
命令行使用
sass-lint-auto-fix 与 sass-lint 命令类似，它可以通过命令行工具来使用。我们可以在项目根目录下输入以下命令：
sass-lint-auto-fix -v path/to/sass
-v 表示 verbose mode，它会显示更详细的日志信息，非必须。
path/to/sass 是 sass 文件所在的路径，可以是绝对路径或者相对路径。
我们可以在命令行中直接使用 sass-lint-auto-fix 的简写 slaf。
集成到 Gulp/Grunt
sass-lint-auto-fix 同样也可以集成到 Gulp/Grunt 中。以 Gulp 为例：
var gulp = require('gulp');
var sassLintAutoFix = require('sass-lint-auto-fix');
gulp.task('sass', function() {
return gulp.src('./path/to/sass')
.pipe(sassLintAutoFix())
.pipe(gulp.dest('./dest'));
});配置
sass-lint-auto-fix 的配置文件名称和路径同样与 sass-lint 相同，它会自动读取 sass-lint 的配置文件，也支持自定义一个 .sass-lint-autofix-config.json 文件进行配置。
下面是一个 .sass-lint-autofix-config.json 的样例配置。
-- -------------------- ---- -------
-
------- -------
---------------------- ------
-------- -
-------------- -
--
-
------- --
--------------- ----
-
--
-------------------- --
------------------------- -
-
-- file：需要 lint 检查的文件类型，如 scss/css 文件。
- merge-default-rules：是否合并默认的 lint 规则。
- rules：自定义的 lint 规则。
总结
sass-lint-auto-fix 为我们提供了一个方便的自动化修复 sass-lint 的工具，节省了我们在样式重构时的时间和精力，非常值得一试和推广。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f79547d7116197505561b37
