繁体   English   中英

GULP手表在我的gulp.js文件中不起作用

[英]GULP watch not working in my gulp.js file

大家好,我想随时随地在我的gulp.js文件中添加一个gulp手表。 它需要运行我的Sass并将其缩小并设置为手表上的目标文件夹。 有人可以帮忙吗?

var gulp = require('gulp');
    var sass = require('gulp-sass');
    var minifyCss = require('gulp-minify-css');
    var uglify = require('gulp-uglify');
    var watch = require('gulp-watch');
    var htmlmin = require('gulp-html-minifier');

    gulp.task('sass', function(){
      return gulp.src('scss/styles.scss')
        .pipe(sass()) // Converts Sass to CSS with gulp-sass
        .pipe(minifyCss())
        .pipe(gulp.dest('dest'))
    });


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

    gulp.task('compress', function() {
      return gulp.src('lib/*.js')
        .pipe(uglify())
        .pipe(gulp.dest('dist'));
    });

    gulp.task('minify-html', function() {
      gulp.src('*.html')
        .pipe(htmlmin({collapseWhitespace: true}))
        .pipe(gulp.dest(''))
    });

    // Watch Files For Changes
    gulp.task('watch', function(){
      gulp.watch('scss/*.scss', ['sass']); 
      // Other watchers
    })

    // Run all Refinedby Tasks
    gulp.task('all', ['sass']);

调用“所有任务命令”时,需要加载观察程序。

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

要么

gulp.task('all', ['sass'], function() { 
       gulp.start('watch');
});

或者如果您不想更改代码,只需添加

// Run all Refinedby Tasks
gulp.task('all', ['sass', 'watch']);

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM