А нормально, что у меня gulp-autoprefixer зациклен и постоянно смотрит файлы?

Question

[Антон]

А нормально, что у меня gulp-autoprefixer зациклен и постоянно смотрит файлы?

var gulp = require('gulp'),
    less = require('gulp-less'),
    browserSync = require('browser-sync');
    autoprefixer = require('gulp-autoprefixer');

gulp.task('less', function(){
   return gulp.src('app/less/**/*.less')
   .pipe(less())
   .pipe(gulp.dest('app/css'))
   .pipe(browserSync.reload({stream: true}))
});

gulp.task('browser-sync', function(){
    browserSync({
        server:{
            baseDir: 'app'
        }
    });
});
gulp.task('gulp-autoprefixer', function(){
   return gulp.src('app/css/*.css')
   .pipe(autoprefixer({
            browsers: [
                'last 3 versions',
                '> 10%'
            ],
            cascade: false
        }))
   .pipe(gulp.dest('app/css/'))
});

gulp.task('watch',['browser-sync','less','gulp-autoprefixer'], function(){
    gulp.watch('app/less/**/*.less', ['less']);
    gulp.watch('app/css/**/*.css', ['gulp-autoprefixer']);
    gulp.watch('app/*.html', browserSync.reload);
    gulp.watch('app/ja/**/*.js', browserSync.reload);
});

Answer 1

[Sergei Nazarenko]

лучше так

gulp.task ('less', function(){
    return gulp.src('app/less/**/*.less')
      .pipe(less())
      .pipe(autoprefixer({
            browsers: [
                'last 3 versions',
                '> 10%'
            ],
            cascade: false
        }))
.pipe(gulp.dest('app/css'))
.pipe(browserSync.reload({stream: true})
});

gulp.watch('app/less/**/*.less', ['less']);

и тогда вот эти строки вообще не нужны

gulp.task('gulp-autoprefixer', function(){
return gulp.src('app/css/*.css')
.pipe(autoprefixer({
browsers: [
'last 3 versions',
'> 10%'
],
cascade: false
}))
.pipe(gulp.dest('app/css/'))
});

gulp.watch('app/css/**/*.css', ['gulp-autoprefixer']);

KISS & DRY - Keep It Simple Stupid & Don't Repeat Yourself

Comments

[Антон]

Спасибо! Буду дальше осваивать gulp)