主页 / 问题 / 857665
Accepted
Игорь
Asked:2020-07-19 20:03:10 +0000 UTC2020-07-19 20:03:10 +0000 UTC

gulp-sass 不会将 scss 文件编译为单个 css

  • 772

我正在接一个项目。构建 scss 文件的任务的问题 - 插件只是将权限更改scss为css，文件未编译。路径是正确的，构建过程中没有错误。可能是什么原因？

/* Сама таска */
gulp.task('sass', function () {
  return gulp.src('./src/sass/**/*.scss')
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(sass.sync().on('error', sass.logError))
    .pipe(prefixer())
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('dist/style'))
    .pipe(reload({
        stream: true
  }));
});

/* вотчер */
gulp.task('watch', function() {
    gulp.watch("src/sass/**/*.scss", ['sass']);
});

结果如下：http: //ipic.su/img/img7/fs/kiss_8kb.1532001775.png

PS 仅显示与样式组装相关的组装部分。

javascript

1 个回答

  1. Best Answer

    要将文件组合成一个，您可以使用gulp-concat.

    var concat = require('gulp-concat');

...

gulp.task('sass', function () {
  return gulp.src('./src/sass/**/*.scss')
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(sass.sync().on('error', sass.logError))
    .pipe(prefixer())
    .pipe(sourcemaps.write('./maps'))
    .pipe(concat('style.css'))
    .pipe(gulp.dest('dist/style'))
    .pipe(reload({
        stream: true
  }));
});
    • 2

相关问题