sass - sass-lint 是否忽略某一行？

Question

我正在使用 sass-lint 和 Gulp。如何从 lint 控制台输出禁用 sass 中特定样式的警告？

我发现了类似的问题，但我使用的是 sass-lint，而不是 scss-lint: Having scss-lint ignore a particular line

这是我正在使用的:https://www.npmjs.com/package/gulp-sass-lint

我尝试了一些基于 scss-lint 项目的变体:

// scss-lint:disable ImportantRule
// sass-lint:disable ImportantRule
// sass-lint:disable no-important

需要明确的是，我想禁用 SASS 中特定样式的警告，而不是全局的警告。当触发警告的事情是故意的时，我会使用它。例如，我可能会设置多种背景样式，以便其中一种可以作为旧浏览器的后备样式。但目前这正在触发无重复属性警告。

Answer 1

通过评论禁用

2016 年 12 月更新，根据 the docs现在可以使用以下语法来实现:

Disable more than 1 rule for entire file

// sass-lint:disable border-zero, quotes

p {
  border: none; // No lint reported
  content: "hello"; // No lint reported
}

Disable a rule for a single line

p {
  border: none; // sass-lint:disable-line border-zero
}

Disable all lints within a block (and all contained blocks)

p {
  // sass-lint:disable-block border-zero
  border: none; // No result reported
}

^{新信息由评论者 @IanRoutledge 提供。}

但是，之前，如果您想禁用某些规则，但仅限于特定的代码块和/或代码片段。 尽我所能tell from the underlying source code使用 sass-lint 不可能实现这一点。我还尝试了其他一些搜索，并浏览了一般的代码库，但没有发现任何迹象表明您正在寻找的功能存在。

为了比较，this query for the scss-lint source code清楚地表明它是在那里实现的，其方式在您正在使用的库中似乎没有类似的解决方案。

通过 yml 配置禁用

不过，您可以禁用一般规则。您需要有一个 .sass-lint.yml 文件才能禁用警告。

假设你有这个gulpfile.js:

'use strict';

var gulp = require('gulp'),
    sassLint = require('gulp-sass-lint');

gulp.task('default', [], function() {
  gulp.src('sass/*.scss')
    .pipe(sassLint())
    .pipe(sassLint.format())
    .pipe(sassLint.failOnError());
});

还有这个package.json:

{
  "devDependencies": {
    "gulp": "^3.9.0",
    "gulp-sass": "^2.1.1",
    "gulp-sass-lint": "^1.1.1"
  }
}

在此 styles.scss 文件上运行:

div { dsply: block; }

您将得到以下输出:

[23:53:33] Using gulpfile D:\experiments\myfolder\gulpfile.js
[23:53:33] Starting 'default'...
[23:53:33] Finished 'default' after 8.84 ms

sass\styles.scss
  1:7   warning  Property `dsply` appears to be spelled incorrectly  no-misspelled-properties
  1:21  warning  Files must end with a new line                      final-newline

??? 2 problems (0 errors, 2 warnings)

现在，如果您在 gulpfile 旁边添加一个 .sass-lint.yml 文件，其中包含以下内容:

rules:
  no-misspelled-properties: 0

您会看到:

[23:54:56] Using gulpfile D:\experiments\myfolder\gulpfile.js
[23:54:56] Starting 'default'...
[23:54:56] Finished 'default' after 9.32 ms

sass\styles.scss
  1:21  warning  Files must end with a new line  final-newline

??? 1 problem (0 errors, 1 warning)

其中一个警告现已被忽略。

The sass-lint readme.md链接到 the apparent default config其中还有更多示例。