jhouedanou

require('es6-promise').polyfill();
var gulp = require('gulp');
var sass = require('gulp-sass');
var rename = require('gulp-rename');
var plumber = require('gulp-plumber');
var gutil = require('gulp-util');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var browserSync = require('browser-sync');

jhouedanou

npm install gulp-cli -g
npm install gulp -D
touch gulpfile.js
gulp --help

jhouedanou

gulp.task('sprite', function() {
    var spriteData = 
        gulp.src('./images/sprite/*.*')
            .pipe(spritesmith({
                imgName: 'sprite.png',
                cssName: 'sprite.css',
            }));
    spriteData.img.pipe(gulp.dest('./images/')); 
    spriteData.css.pipe(gulp.dest('./styles/')); 
});

jhouedanou

gulp.task('images', function() {
    return gulp.src('./images/src/*')
        .pipe(plumber({ errorHandler: onError }))
        .pipe(imagemin({ optimizationLevel: 7, progressive: true }))
        .pipe(gulp.dest('./images'));
});
var onError = function(err) {
    console.log('An error occurred:', gutil.colors.magenta(err.message));
    gutil.beep();
    this.emit('end');

jhouedanou

gulp.task('sass', function() {
    return gulp.src('./sass/*.scss')
        .pipe(sass({outputStyle: 'compressed'}))
        .pipe(strip_comments())
       // .pipe(autoprefixer())
        .pipe(gulp.dest('./')) // Output LTR stylesheets (style.css)
        .pipe(plumber({ errorHandler: onError }))
        .pipe(browserSync.stream());
});

jhouedanou

gulp.task('sass', function() {
    return gulp.src('./sass/*.scss')
        .pipe(sass({outputStyle: 'compressed'}))
        .pipe(strip_comments())
       // .pipe(autoprefixer())
        .pipe(gulp.dest('./')) // Output LTR stylesheets (style.css)
        .pipe(plumber({ errorHandler: onError }))
        .pipe(browserSync.stream());
});

jhouedanou

gulp.task('browser-sync', function() {
    var files = [
        './*.php',
        './*.html',
        './*.js'
    ];
    browserSync.init(files, {
        // server: {
        //     baseDir: "./",
        //     index: "index.html"

jhouedanou

gulp.task('watch', function() {
    gulp.watch('./sass/**/*.scss', ['sass']);
    gulp.watch('images/src/*', ['images']);
    gulp.watch('images/sprite/*', ['sprite']);
});
gulp.task('default', ['sprite', 'sass', 'js', 'script', 'images', 'browser-sync', 'watch']);
gulp.task('build',['sprite', 'sass', 'js', 'script', 'images']);

jhouedanou

npm install gulp es6-promise gulp-sass gulp-rename gulp-plumber gulp-util gulp-concat gulp-uglify gulp-concat gulp-imagemin browser-sync main-bower-files gulp.spritesmith gulp-strip-json-comments --save-dev

jhouedanou

require('es6-promise').polyfill();
var sourcemaps = require('gulp-sourcemaps');
var gulp = require('gulp');
var sass = require('gulp-sass');
var rename = require('gulp-rename');
var plumber = require('gulp-plumber');
var gutil = require('gulp-util');
var sourcemaps = require('gulp-sourcemaps');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');