1

Добрый день!

Подскажите, почему Gulp обновляет кофе только при старте, в процессе работы при изменении файлов кофе ничего не происходит.

gulpfile.js:

var gulp = require('gulp'),
    jade = require('gulp-jade'),
    stylus = require('gulp-stylus'),
    coffee = require('gulp-coffee'),
    livereload = require('gulp-livereload'),
    imagemin = require('gulp-imagemin'),
    concat = require('gulp-concat'),
    connect = require('connect'),
    serveStatic = require('serve-static'),
    nib = require('nib');


/*
 * Создаём задачи 
 *
 * stylus – для CSS-препроцессора Stylus
 * jade – для HTML-препроцессора Jade
 * coffee – для JavaScript-препроцессора CoffeеScript
 * concat – для склейки всех CSS и JS в отдельные файлы
 */

gulp.task('stylus', function() {
    gulp.src('./styl/*.styl')
        .pipe(stylus({use: nib(), compress: true}))
      .on('error', console.log) // Выводим ошибки в консоль
      .pipe(gulp.dest('./public/css/')) // Выводим сгенерированные CSS-файлы в ту же папку по тем же именем, но с другим расширением
      .pipe(livereload()); // Перезапускаем сервер LiveReload
});

gulp.task('jade', function(){
  gulp.src('./*.jade')
    .pipe(jade({pretty: true}))
    .on('error', console.log) // Выводим ошибки в консоль
    .pipe(gulp.dest('./public/')) // Выводим сгенерированные HTML-файлы в ту же папку по тем же именем, но с другим расширением
    .pipe(livereload()); // Перезапускаем сервер LiveReload
});

gulp.task('coffee',function(){
  gulp.src('./coffee/*.coffee')
    .pipe(coffee({bare: true}))
    .on('error', console.log) // Выводим ошибки в консоль
     .pipe(gulp.dest('./public/js')) // Выводим сгенерированные JavaScript-файлы в ту же папку по тем же именем, но с другим расширением
     .pipe(livereload()); // Перезапускаем сервер LiveReload
});

gulp.task('concat', function(){
  gulp.task('coffee');
  gulp.src('./public/js/*.js')
    .pipe(concat('scripts.js'))
    .pipe(gulp.dest('./public/min/'))
    .pipe(livereload());
  gulp.task('styl');
  gulp.src('./public/css/*.css')
    .pipe(concat('styles.css'))
    .pipe(gulp.dest('./public/min/'))
    .pipe(livereload());
});

gulp.task('imagemin',function(){
   gulp.src('./img/**/*')
        .pipe(imagemin())
        .pipe(gulp.dest('./public/img/'));
});

/*
 * Создадим веб-сервер, чтобы работать с проектом через браузер
 */
 gulp.task('server', function() {
    connect()
        .use(require('connect-livereload')())
        .use(serveStatic(__dirname + '/public'))
      .listen('3333');

    console.log('Сервер работает по адресу http://localhost:3333');
});

 /*
  * Создадим задачу, смотрящую за изменениями
  */
 gulp.task('watch', function(){
      livereload.listen();
        gulp.watch('./styl/*.styl',['stylus']);
        gulp.watch('./*.jade',['jade']);
        gulp.watch('./coffee/*.coffee',['coffee']);
        gulp.watch(['./public/js/*.js','./public/css/*.css'],['concat']);
        gulp.watch('./img/**/*',['imagemin']);
      gulp.start('server');
  });

 gulp.task('default',['watch','stylus','jade','coffee','concat','imagemin']);
5
  • Из вашего вопроса не ясно какую команду вы запускаете. Я бы сказал что вам нужно запускать gulp watch 28 мая 2016 в 9:33
  • Я запускаю Gulp команду watch стоит в default.
    – VINET
    28 мая 2016 в 9:41
  • Может просто падает сборка вотчера. 28 мая 2016 в 9:44
  • styl и jade работает
    – VINET
    28 мая 2016 в 10:01
  • Дай фотку своей структуры проекта.
    – wokalek
    2 мар 2017 в 17:39

1 ответ 1

1

Использование gulp-watch решает проблему:

var
   gulp = require('gulp'),
   watch = require('gulp-watch');

// Watcher
gulp.task('watch', function() {
   watch('./views/**/*', function() { gulp.start('views') });
   watch('./styl/**/*', function() { gulp.start(['css', 'views']) });
   watch('./js/**/*', function() { gulp.start(['js', 'js-embded']) });
   watch('./js/contact.js', function() { gulp.start('browserify') });
   watch('./img/**/*', function() { gulp.start(['imagemin', 'webp']) });
   watch('./img/favicons/**/*', function() { gulp.start('favicons') });
   watch('./fonts/**/*', function() { gulp.start(['iconfont', 'fonts']) });
   watch('./seo/**/*', function() { gulp.start('seo') });
});
6
  • или можно перейти на gulp-4, в нем нормальный ватчер.
    – DimenSi
    26 янв 2017 в 0:37
  • @DimenSi а где вы видите Gulp 4? помоему последняя версия 3.9.1
    – user232857
    26 янв 2017 в 0:39
  • github.com/gulpjs/gulp/tree/4.0
    – DimenSi
    26 янв 2017 в 0:40
  • @DimenSi так это не релиз. Альфа только.
    – user232857
    26 янв 2017 в 0:42
  • и что? Он в альфа версии был стабильным, а сейчас ему убрали приставку.
    – DimenSi
    26 янв 2017 в 0:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.