Javascript 我如何使用gulp sass和gulp stylelint来裁剪我的样式

我有几个应该单独编译的SASS文件。我要给他们和他们的“进口货”脱毛

我有一些sass文件：

//style.scss
@导入“/styles/a.scss”；
身体{
背景色：#FFF；
}
//样式/a.scss
h1{
字号：28px；
颜色：#GGG；//测试stylelint的十六进制无效
}

创建一个单独的任务来整理Scss文件。你应该有一个任务来编译你的样式，另一个任务来整理它们。正是试图将这些单独的任务合并为一个单独的任务导致了问题

gulp.task('lint-styles', function lintStyles() {
  const gulpStylelint = require('gulp-stylelint');    
  return gulp
    .src('src/**/*.scss')
    .pipe(gulpStylelint({
      reporters: [
        {formatter: 'string', console: true}
      ]
    }));
});

gulp.task('compile-styles', function compileStyles() {
  const gulpSass = require('gulp-sass');    
  return gulp
    .src('src/style.scss')
    .pipe(gulpSass())
    .pipe(gulp.dest('dest'));
});