Gulp 吞咽手表,运行多个任务问题
我正在尝试设置一个Gulp任务,将Sass转换为CSS,然后缩小它 这是我当前的gulpfile.jsGulp 吞咽手表,运行多个任务问题,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
// 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']);
});