0

ネストされたプロパティ リストを使用して、stylelint を機能させることは可能ですか? これを実行しようとしましたが、次のエラーが発生しました。

events.js:85
      throw er; // Unhandled 'error' event
            ^
Error: Expected pseudo-class or pseudo-element

私はこのコードでそれを試しました:

padding: {
    left: 20px;
    top: 30px;
}

そして、これは私が現在使用している構成です:

"rules": {
    "block-no-empty": true,
    "color-no-invalid-hex": true,
    "declaration-colon-space-after": "always",
    "declaration-colon-space-before": "never",
    "function-comma-space-after": "always",
    "function-url-quotes": "double",
    "media-feature-colon-space-after": "always",
    "media-feature-colon-space-before": "never",
    "media-feature-name-no-vendor-prefix": true,
    "max-empty-lines": 5,
    "number-leading-zero": "never",
    "number-no-trailing-zeros": true,
    "property-no-vendor-prefix": true,
    "rule-no-duplicate-properties": true,
    "declaration-block-no-single-line": true,
    "rule-trailing-semicolon": "always",
    "selector-list-comma-space-before": "never",
    "selector-list-comma-newline-after": "always",
    "selector-no-id": true,
    "string-quotes": "double",
    "value-no-vendor-prefix": true
}

または、Ruby gem を使用しない別の SCSS リンターはありますか?

次の情報があると便利な場合があります。

これらは私の変数です:

var postcss     = require('gulp-postcss');
var reporter    = require('postcss-reporter');
var syntax_scss = require('postcss-scss');
var stylelint   = require('stylelint');

そして、ファイルの一番下にこれがあります:

var processors = [
            stylelint(stylelintConfig),
            reporter({
                clearMessages: true,
                throwError: false
            })
        ];

        gulp.src('style.scss')
                .pipe(postcss(
                    processors, {
                        syntax: syntax_scss
                }));

私は次のようなチュートリアルに従いました: http://www.creativenightly.com/2016/02/How-to-lint-your-css-with-stylelint/

そして、ウェブサイトの残りの部分で動作するように、コードの一部を変更しました。

4

1 に答える 1