Skip to content

Instantly share code, notes, and snippets.

@acidbjazz
Last active May 2, 2016 19:16
Show Gist options
  • Save acidbjazz/d8b67c9cb7c8a6e767b6 to your computer and use it in GitHub Desktop.
Save acidbjazz/d8b67c9cb7c8a6e767b6 to your computer and use it in GitHub Desktop.
gulp template
/*
npm init
npm install gulp gulp-sass gulp-autoprefixer gulp-cssnano gulp-rename gulp-concat gulp-uglify gulp-htmlmin gulp-plumber --save-dev
*/
'use strict';
//plugins
var gulp = require('gulp'),
sass = require('gulp-sass'),
autoprefixer = require('gulp-autoprefixer'),
cssnano = require('gulp-cssnano'),
rename = require("gulp-rename"),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
htmlmin = require('gulp-htmlmin'),
plumber = require('gulp-plumber');
//css
gulp.task('css', function() {
gulp.src('./sass/*.scss')
.pipe(plumber())
.pipe(sass().on('error', sass.logError))
.pipe(autoprefixer())
.pipe(cssnano())
.pipe(rename({suffix:".min"}))
.pipe(gulp.dest('./css/'));
});
//js
gulp.task('js', function(){
gulp.src(['./js/!(inicio)*.js', './js/inicio.js', '!./js/*.min.js'])
.pipe(plumber())
.pipe(concat('app.js'))
.pipe(uglify())
.pipe(rename({suffix:".min"}))
.pipe(gulp.dest('./js/'));
});
//html
gulp.task('html', function(){
gulp.src(['./*.html', '!./*.min.html'])
.pipe(htmlmin())
.pipe(rename({suffix:".min"}))
.pipe(gulp.dest('./'));
});
//watch
gulp.task('vigilar', function(){
gulp.watch(['./sass/*.scss'], ['css']);
gulp.watch(['./js/*.js', '!./js/*.min.js'], ['js']);
gulp.watch(['./*.html', '!./*.min.html'], ['html']);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment