3
respostas

jshint e csslint não apresentam os erros mas param com o browserSync

Não estou conseguindo fazer funcionar correntamente o log de erros que deveria ser emitido pelo jshint e csslint. Em vez disso o que acontece é que desabilita o browserSync quando tem algum erro nos arquivos js ou css. Alguma sugestão de como resolver?

3 respostas

Fala aí man, beleza? Consegue postar seu arquivo de configurações do Gulp?

Fico no aguardo.

var gulp = require('gulp')
  ,imagemin = require('gulp-imagemin')
  ,clean = require('gulp-clean')
  ,concat = require('gulp-concat')
  ,htmlReplace = require('gulp-html-replace')
  ,uglify = require('gulp-uglify')
  ,usemin = require('gulp-usemin')
  ,cssmin = require('gulp-cssmin')
  ,browserSync = require('browser-sync')
  ,autoprefixer = require('gulp-autoprefixer')
   ,csslint = require('gulp-csslint')
   ,jshint = require('jshint')
   ,jshintStylish = require('jshint-stylish');


gulp.task('default', ['copy'], function() {
    gulp.start('build-img', 'usemin');
});

gulp.task('copy', ['clean'], function() {
    return gulp.src('src/**/*')
        .pipe(gulp.dest('dist'));
});

gulp.task('clean', function() {
    return gulp.src('dist')
        .pipe(clean());
});

gulp.task('build-img', function() {

  return gulp.src('dist/img/**/*')
    .pipe(imagemin())
    .pipe(gulp.dest('dist/img'));
});

gulp.task('usemin', function() {
  return gulp.src('dist/**/*.html')
    .pipe(usemin({
      js: [uglify],
      css: [autoprefixer, cssmin]
    }))
    .pipe(gulp.dest('dist'));
});

gulp.task('server', function() {
    browserSync.init({
        server: {
            baseDir: './src'
        }
    });

    gulp.watch('src/js/*.js').on('change', function(event){
        gulp.src(event.path)
       .pipe(jshint())
      .pipe(jshint.reporter(jshintStylish));
  });

   gulp.watch('src/css/*.css').on('change', function(event){
       gulp.src(event.path)
       .pipe(csslint())
       .pipe(csslint.reporter());

    });

    gulp.watch('src/**/*').on('change', browserSync.reload);   

});

OI CMAPEREIRA, tudo bem? O único problema que encontrei foi no require do jshint, faltou o prefixo gulp.

jshint = require('gulp-jshint');

Depois disso tudo funcionou normalmente pra mim. Vê isso por favor? Desculpa a demora pra responder.