Что не так с gulp.js (как он уже бесит)?

Question

[Сергей Горячев]

После сохранения JS файла постоянно релоадит браузер. Бесит же)))

[BS] Reloading Browsers...
[20:20:57] Finished 'js_reload' after 584 μs
[20:20:57] Starting 'scripts'...
[20:20:58] Finished 'scripts' after 1.37 s
[20:20:58] Starting 'js_reload'...
[BS] Reloading Browsers...
[20:20:58] Finished 'js_reload' after 707 μs
[20:20:58] Starting 'scripts'...
[20:21:00] Finished 'scripts' after 1.57 s
[20:21:00] Starting 'js_reload'...
[BS] Reloading Browsers...
[20:21:00] Finished 'js_reload' after 1.07 ms
[20:21:00] Starting 'scripts'...
[20:21:01] Finished 'scripts' after 1.49 s
[20:21:01] Starting 'js_reload'...
[BS] Reloading Browsers...
[20:21:01] Finished 'js_reload' after 1.13 ms
[20:21:01] Starting 'scripts'...
[20:21:03] Finished 'scripts' after 1.43 s
[20:21:03] Starting 'js_reload'...

Вот полный код gulpfile.js, многим он наверно уже знаком)))

// include gulp
var gulp                = require('gulp');

// include plugins
var sass                = require('gulp-sass');
var concat              = require('gulp-concat');
var uglify              = require('gulp-uglify');
var autoprefixer        = require('gulp-autoprefixer');
var browserSync         = require('browser-sync');
var concat_css          = require('gulp-concat-css');
var css_nano            = require('gulp-cssnano');

// other variables
var sass_option         = {
    outputStyle: 'expanded'
};
var autoprefixer_option = {
    browsers: ['last 15 versions'],
    cascade: false
};

// compile scss
gulp.task('sass', function(){
    return gulp.src('templates/dmitryvolkov/asset/sass/all.scss')
    .pipe(sass(sass_option))
    .pipe(autoprefixer(autoprefixer_option))
    .pipe(gulp.dest('templates/dmitryvolkov/css/'));
});

// concat and minify css
gulp.task('css', ['sass'], function(){
    return gulp.src(['templates/dmitryvolkov/css/all.css'])
    .pipe(concat_css('all.min.css'))
    .pipe(css_nano())
    .pipe(gulp.dest('templates/dmitryvolkov/css/'))
    .pipe(browserSync.reload({
         stream: true
    }));
});

// concatenate and minify js
gulp.task('scripts', function(){
    return gulp.src(['templates/dmitryvolkov/js/jquery.js', 'templates/dmitryvolkov/js/main.js'])
    .pipe(concat('all.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest('templates/dmitryvolkov/js/'));
});

// browserSync task
gulp.task('browserSync', ['css', 'scripts'], function(){
    browserSync.init({
        proxy: "dmitryvolkov.loc"
    });
});

// reload browser after js changes
gulp.task('js_reload', ['scripts'], function(){
    browserSync.reload();
});

// start watchers
gulp.task('watch', ['browserSync'], function(){
    gulp.watch('templates/dmitryvolkov/asset/sass/*.scss', ['css']);
    gulp.watch('templates/dmitryvolkov/js/*.js', ['js_reload']);
    gulp.watch('templates/dmitryvolkov/*.php', browserSync.reload);
    // other warchers
});

Куда вообще копать? Лучше бы ошибку выдавал, а то хрень творится и не понятно, как починить)))

Comments

[Sergej]

C gulp все нормально.
Это проблемы с вашим знанием JS и сторонних библиотек.
Ну а если бесит, пользуйтесь codekit, webpack и т.д.

Answer 1

[Сергей delphinpro]

Потому что задача js_reload вызывает перед выполнением себя задачу scripts, та пересохраняет файлы, срабатывает ватчер, который запускает задачу js_reload, которая вызывает перед выполнением себя....
Сами так написали.

Comments

[Сергей Горячев]

Спасибо. Блин. Глупо получилось)