2016-10-02 52 views
0

我正在做這些基本任務來觀看我的js文件,然後觀看我的文本文件。自從我正在學習一些教程以來,js手錶工作正常。然後我正在做watch:styles任務。首先,我試圖把它放在與JS相同的手錶(可能嗎?),但由於它沒有工作,我做了一個分離的任務。現在我的js守望者根本無法工作。如果我運行瀏覽器,它就可以工作,但它只是沒有的觀察者。Gulp觀看任務不工作

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']); 

}); 
+0

歡迎來到SO。簡單明瞭的問題表示讚賞。說明你期望你的代碼做什麼以及它實際上做了什麼。 「不起作用」不夠明確。 –

+0

感謝您的幫助! gulp任務不按要求將main.js文件轉換爲bundle.js文件。這是我的錯誤,因爲它在工作,它只需要15秒鐘開始任務,我試圖在15秒之前測試它。 – bashir

回答

0

我也曾經有過類似的問題,我建議將從屬任務的gulp.task,而不是gulp.watch,它爲我工作。但老實說,我不確定這是更好的解決方案。

gulp.task('watch:styles', ['styles'],function() { gulp.watch('**/*.styl'); });

0

所以,我的壞,任務是工作的罰款。問題是需要大約15秒(爲什麼?)開始,所以每次我在15秒鐘之前測試它不工作。

至於在同一個任務中觀看css和js文件,我這樣固定它。

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

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

    });