ネストされたプロパティ リストを使用して、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/
そして、ウェブサイトの残りの部分で動作するように、コードの一部を変更しました。