Question

我正在执行这些基本任务来观看我的js文件，然后观看我的样式文件。由于我正在学习一些教程，因此js watch工作正常。然后我正在做watch:styles任务。首先，我试着将它放在与JS相同的手表中（可能吗？）但是由于它不起作用，我做了一个单独的任务。现在我的js观察者根本不会工作。如果我运行browserify它可以工作，那只是观察者没有。

var gulp = require('gulp');

var browserify = require('browserify');

var babelify = require('babelify');

var source = require('vinyl-source-stream');

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


gulp.task('browserify', function () {

return browserify('./res/js/main.js')

    .transform(babelify, { presets:["es2015"] })

    .bundle()

    .pipe(source('bundle.js'))

    .pipe(gulp.dest('./res/js'));

});



gulp.task('watch', function () {

gulp.watch('**/*.js', ['browserify']);

});

gulp.task('styles', function () {

     gulp.src('./res/css/main.styl')

    .pipe(stylus())

    .pipe(gulp.dest('res/css'));

});

gulp.task('watch:styles', function () {

    gulp.watch('**/*.styl', ['styles']);

 });

Answer 1

我也有类似的问题，我建议将相关任务添加到"uIds" : { "user1": true, "user2": true }而不是gulp.task，这对我有用。但说实话，我不确定这是更好的解决方案。

gulp.watch

Answer 2

所以，我的不好，任务工作正常。问题是它需要大约15秒（为什么？）才能启动，因此每次我在15秒之前测试它都不会起作用。

至于在同一个任务中观看css和js文件，我就这样修复了。

    gulp.task('watch', function () {

       gulp.watch('**/*.js', ['browserify'])
       gulp.watch('**/*.styl', ['styles']);

   });

Gulp Watch Task无法正常工作

2 个答案: