gulpfile.js

gulpfile.js

'user strict';

var gulp            = require('gulp');
var config          = require('./gulpconfig')();
var gulpLoadPlugins = require('gulp-load-plugins');
var $               = gulpLoadPlugins({
                        pattern: '*'
                      });

// handle error
var onError = function(err){
  $.notify.onError({
    title: 'CLGT ?' + err.plugin,
    message: err.toString()
  })(err);
};

// compress image
gulp.task('compress-image',function(){
  return  gulp.src(config.img)
          .pipe($.plumber({errorHandler: onError}))
          .pipe($.imagemin({
            optimizationLevel: 5,
            progressive: true,
            interlaced: true,
            use: [$.imageminPngquant()]
          }))
          .pipe(gulp.dest(config.build_img));
});

// compile styles
gulp.task('styles',function(){
  return  gulp.src(config.scss)
          .pipe($.sourcemaps.init())
          .pipe($.plumber({errorHandler: onError}))
          .pipe($.sass({outputStyle: 'expanded'}).on('error', $.sass.logError))
          .pipe($.autoprefixer({
            browsers: ['last 3 versions'],
            cascade: true
          }))
          .pipe(gulp.dest(config.build_scss))
          .pipe($.rename({suffix:'.min'}))
          .pipe($.cleanCss())
          .pipe($.sourcemaps.write('./'))
          .pipe(gulp.dest(config.build_scss));
});


// compile scripts
gulp.task('scripts',function(){
  return  gulp.src(config.js_vendors)
          .pipe($.sourcemaps.init())
          .pipe($.plumber({errorHandler: onError}))
          .pipe($.concat('plugins.js'))
          .pipe($.rename({suffix:'.min'}))
          .pipe($.uglify())
          .pipe($.sourcemaps.write('./'))
          .pipe(gulp.dest(config.build_js_vendor));
});


// compress main js
gulp.task('compress-js',function(){
  return  gulp.src(config.js)
          .pipe($.plumber({errorHandler: onError}))
          .pipe($.rename({suffix:'.min'}))
          .pipe($.uglify())
          .pipe(gulp.dest(config.build_js));
});

// default
gulp.task('default',['styles','scripts','compress-js'],function(){
  console.log('everything ok :) !');
});

// browser sync
gulp.task('browser-sync',function(cb){
  $.browserSync({
    server:{
      baseDir: config.base,
      // index: "index.html",
    }
  },cb);

  gulp.watch(config.base + '*.html',$.browserSync.reload);
  gulp.watch(config.scss,['styles']);
  gulp.watch(config.js_vendors,['scripts']);
  gulp.watch(config.base + 'assets/css/main.min.css',$.browserSync.reload);
  gulp.watch(config.base + 'assets/js/main.js',['compress-js',$.browserSync.reload]);

});