Millerish
@Millerish

Почему gulp автоматически не обновляет js?

Добрый день!

Подскажите, почему 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']);
  • Вопрос задан
  • 271 просмотр
Пригласить эксперта
Ответы на вопрос 1
litlleidiot
@litlleidiot
Фронт-Энд разработчик
Вроде бы ошибка в индентации, сдвинь дест и релоад на один таб назад. Может и не оно, но у меня похожее было
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы