Блог

Главная - Вопросы по программированию - Задача наблюдения за глотком не работает

Задача наблюдения за глотком не работает

#gulp

#gulp

Вопрос:

Я выполнял эти основные задачи для просмотра моих файлов js, а затем для просмотра моих файлов стилей. Часы js работали нормально, так как я следовал какому-то руководству. Затем я выполнял 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']);

 });

Комментарии:

1. Добро пожаловать в SO. Приветствуются простые и четкие формулировки проблем. Укажите, что вы ожидаете от своего кода и что он на самом деле делает вместо этого. «Это не работает» менее чем понятно.

2. Спасибо за помощь! Задача gulp не преобразовывала main.js файл в bundle.js файл в соответствии с запросом. Это была моя ошибка, потому что она работала, для запуска задачи требуется всего 15 ~ секунд, и я пытался протестировать ее до 15 секунд.

Ответ №1:

У меня тоже была похожая проблема, я рекомендую gulp.task вместо этого добавить зависимую задачу gulp.watch , у меня это сработало. Но, честно говоря, я не уверен, что это лучшее решение.

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

Ответ №2:

Итак, моя ошибка, задача работала нормально. Проблема в том, что для запуска требуется около 15 секунд (почему?), Поэтому каждый раз, когда я тестировал его до 15 секунд, он не работал.

Что касается просмотра файлов css и js в одной задаче, я исправил это таким образом.

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

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

   });