Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Gulp 吞咽手表,运行多个任务问题_Gulp_Gulp Watch_Gulp Sass - Fatal编程技术网

Gulp 吞咽手表,运行多个任务问题

Gulp 吞咽手表,运行多个任务问题,gulp,gulp-watch,gulp-sass,Gulp,Gulp Watch,Gulp Sass,我正在尝试设置一个Gulp任务,将Sass转换为CSS,然后缩小它 这是我当前的gulpfile.js // include gulp var gulp = require('gulp'); var sass = require('gulp-sass'); var minifyCss = require('gulp-minify-css'); //gulp sass gulp.task('sass', function () { gulp.src('./scss/main.scss

我正在尝试设置一个Gulp任务,将Sass转换为CSS,然后缩小它

这是我当前的gulpfile.js

// include gulp
var gulp = require('gulp'); 
var sass = require('gulp-sass');

var minifyCss = require('gulp-minify-css');


//gulp sass

gulp.task('sass', function () {
  gulp.src('./scss/main.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./css'));
});

gulp.task('minify-css', function() {
  return gulp.src('css/*.css')
    .pipe(minifyCss({compatibility: 'ie8'}))
    .pipe(gulp.dest('css'));
});

gulp.task('sass:watch', function () {
  gulp.watch('./scss/main.scss', ['sass','minify-css']);
});
我运行
gulp sass:watch
,希望它将
main.scss
转换为
main.css
,然后我看到它也运行
minify css
,但它实际上并没有缩小它

如果我运行
gulpminifycss
,它会工作得很好。有人能告诉我这需要如何调整,以便
gulp.watch
一个接一个地运行这两个任务吗


谢谢

看起来我完成了这项工作,删除了额外的任务并将css缩小合并到了sass部分

// include gulp
var gulp = require('gulp'); 
var sass = require('gulp-sass');

var minifyCss = require('gulp-minify-css');


//gulp sass

gulp.task('sass', function () {
  gulp.src('./scss/main.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCss({compatibility: 'ie8'}))
    .pipe(gulp.dest('./css'));
});

// gulp.task('minify-css', function() {
//   return gulp.src('css/*.css')
//     .pipe(minifyCss({compatibility: 'ie8'}))
//     .pipe(gulp.dest('css'));
// });

gulp.task('sass:watch', function () {
  gulp.watch('./scss/main.scss', ['sass']);
});

看起来我完成了这项工作,通过删除额外的任务并将css缩小合并到sass部分

// include gulp
var gulp = require('gulp'); 
var sass = require('gulp-sass');

var minifyCss = require('gulp-minify-css');


//gulp sass

gulp.task('sass', function () {
  gulp.src('./scss/main.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCss({compatibility: 'ie8'}))
    .pipe(gulp.dest('./css'));
});

// gulp.task('minify-css', function() {
//   return gulp.src('css/*.css')
//     .pipe(minifyCss({compatibility: 'ie8'}))
//     .pipe(gulp.dest('css'));
// });

gulp.task('sass:watch', function () {
  gulp.watch('./scss/main.scss', ['sass']);
});