Skip to content

Instantly share code, notes, and snippets.

@danny-englander
Forked from infinitystylish/gulpfile.js
Last active March 13, 2016 19:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save danny-englander/58d55b3579eff436c1b8 to your computer and use it in GitHub Desktop.
Save danny-englander/58d55b3579eff436c1b8 to your computer and use it in GitHub Desktop.
var gulp = require('gulp'),
sass = require('gulp-ruby-sass'),
spritesmith = require('gulp.spritesmith'),
compass = require('gulp-compass'),
path = require('path'),
minifyCss = require('gulp-minify-css'),
browserSync = require('browser-sync'),
tinypng = require('gulp-tinypng'),
autoprefixer = require('gulp-autoprefixer'),
plumber = require('gulp-plumber');
/* npm install gulp.spritesmith */
gulp.task('sprite', function () {
var spriteData = gulp.src('img/icons/*.png').pipe(spritesmith(
{
retinaSrcFilter: ['img/icons/*-2x.png'],
imgName: 'sprite.png',
retinaImgName: 'sprite-2x.png',
cssName: '../sass/_sprite.scss',
imgPath : '../images/sprite.png',
retinaImgPath : '../images/sprite-2x.png'
}
))
spriteData.pipe(gulp.dest('img/'));
});
gulp.task('tinypng', function () {
gulp.src('images/**/*.png')
.pipe(tinypng('csIrxlzNbdpnGt8y0enqT0eZvlbv3Aj_'))
.pipe(gulp.dest('images/'));
});
/**************************************************************/
gulp.task('browser-sync', function() {
browserSync.init(["stylesheets/*.css", "js/*.js"], {
browser: ["google chrome"],
//browser: ["firefox"],
// browser: ["firefox","google chrome","safari"],
proxy: "http://dev2.quadratin.com.mx/wp/",
reloadDelay: 3000,
open: "external",
ghostMode: {
clicks: true,
forms: true,
scroll: false
}
});
});
gulp.task('compass', function() {
gulp.src('sass/*.scss')
.pipe(plumber())
.pipe(compass({
project: path.join(__dirname, '/'),
css: 'stylesheets',
sass: 'sass'
}))
//Comentar para no minificar
.pipe(minifyCss({compatibility: 'ie8'}))
.pipe(autoprefixer())
.pipe(gulp.dest('stylesheets'));
});
gulp.task('default', ['browser-sync'], function () {
gulp.watch("sass/*.scss", ['compass']);
gulp.watch("*.css").on("change", browserSync.reload);
gulp.watch("*.php").on("change", browserSync.reload);
gulp.watch("*.js").on("change", browserSync.reload);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment