was reading something about an ignorefiles option but that seemed pretty experimental as well
Anyway, I believe that the error occurs even before stylelint runs.
no errors
not the most elegant solution but it'll do until something better comes up! :)
You might want to open an issue on postcss-scss
thinking about how to phrase it!
uhmm yea I'm not linting them, but I think those are generated stylesheet
for now just worry about linting what our devs wrote :)
FYI
not sure if it's properly worded
lol
you're right, I've been experimenting a bunch, I was still requiring gulp-stylelint but it wasnt in use
thanks for your help anyways
hey guys, i have one problem when using gulp-stylelint
It gave me a error message below:
Error in plugin 'gulp-stylelint'
Message:
No configuration found
Details:
code: 78my gulp task is like this:
gulp.task('lint-css', function() {
var stylelintConfig = {
'plugins': [
'stylelint-statement-max-nesting-depth'
],
'rules': {
'selector-pseudo-element-colon-notation': 'single',
'statement-max-nesting-depth': [2, { countAtRules: true }],
}
};
return gulp.src(src + css + cofiles)
.pipe($.stylelint(stylelintConfig));
});
hope someone can help me, sorry for my bad english..
gulp-stylelint takes an object of stylelint options (http://stylelint.io/user-guide/node-api/#options), so you need to add a
config property that points to the actual config.
.pipe($.stylelint({config: stylelintConfig}));sorry, i have another problem now =(
This is my stylelintConfig
var stylelintConfig = {
"rules": {
"block-no-empty": null,
"color-no-invalid-hex": true,
"comment-empty-line-before": [ "always", {
"ignore": ["stylelint-commands", "between-comments"],
} ],
"declaration-colon-space-after": "always-single-line",
"indentation": 2,
"rule-nested-empty-line-before": [ "always-multi-line", {
"except": ["first-nested"],
"ignore": ["after-comment"],
} ],
"unit-whitelist": ["em", "rem", "%", "s", "deg"]
}
};This is my nav.css file
nav {
ul {
margin: 0;
padding: 0;
}
}error message is:
src/css/layout/nav.css
2:3 ‼ Expected indentation of 0 spaces (indentation) [stylelint]What happen? Please help me~
const gulp = require('gulp');
const stylelint = require('gulp-stylelint');
gulp.task('lint', function () {
const stylelintConfig = {
"rules": {
"block-no-empty": null,
"color-no-invalid-hex": true,
"comment-empty-line-before": [ "always", {
"ignore": ["stylelint-commands", "between-comments"],
} ],
"declaration-colon-space-after": "always-single-line",
"indentation": 2,
"rule-nested-empty-line-before": [ "always-multi-line", {
"except": ["first-nested"],
"ignore": ["after-comment"],
} ],
"unit-whitelist": ["em", "rem", "%", "s", "deg"]
}
};
gulp.src('*.css')
.pipe(stylelint({
config: stylelintConfig,
reporters: [
{formatter: 'string', console: true}
],
}));
});
now, if you run
gulp lint you'll get:
foo.css
3:4 ✖ Expected indentation of 4 spaces indentation
4:4 ✖ Expected indentation of 4 spaces indentation
Because in your css file you indent nested rule's properties with three spaces.
Also, I don't think that
block-no-empty rule takes null as value.
And if you have questions related to stylelint rule, I think you'll get faster and better answers if you ask them in https://gitter.im/stylelint/stylelint room. gulp-stylelint plugin exist just to make stylelint work in gulp, it doesn't do any linting logic itself.
@jitendravyas you can use a
pre-push git hook which runs your lint command. If lint command fails, it will abort the push.
const gulpStylelint = require('gulp-stylelint');
const { src, dest, watch, lastRun } = require('gulp');
function cssLint() {
return src('./src/css/*.css', {since: lastRun(cssLint)})
.pipe(gulpStylelint({fix: true, reporters: [{formatter: 'string', console: true}]}))
.pipe(dest('./src/css/'));
}
function watcher() {
watch('./src/css/*.css', cssLint);
}
exports.cssLint = cssLint;
exports.watch = watcher;
@syedsimanta03 did you get an answer to your question from Feb? i haven't tried it but my guess is you only need the VS Code plugin if you want to see the problems listed in the problems window or with the red squiggly under the text in the files