Skip to content

Instantly share code, notes, and snippets.

@bahiirwa
Created August 25, 2017 01:58
Show Gist options
  • Save bahiirwa/3221f4d6d2fbd5020d60818d51370008 to your computer and use it in GitHub Desktop.
Save bahiirwa/3221f4d6d2fbd5020d60818d51370008 to your computer and use it in GitHub Desktop.
My gulp local workflow
npm init to create package.js
create gulpfile.js
Install Local dependecies
npm install --save-dev gulp gulp-autoprefixer gulp-sass gulp-uglify gulp-concat
Write gulp tasks like
const gulp = require('gulp');
const sass = require('gulp-sass');
const uglify = require('gulp-uglify');
const autoprefixer = require('gulp-autoprefixer');
const concat = require('gulp-concat');
gulp.task( 'sass', function(){
gulp.src('sass/**/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(gulp.dest('css'))
});
gulp.task( 'uglify', function(){
gulp.src('js/dev/*.js')
.pipe(concat('main.js'))
.pipe(uglify())
.pipe(gulp.dest('js/min/'))
});
gulp.task('watch', function() {
gulp.watch('sass/**/*.scss', ['sass']);
gulp.watch('js/dev/*.js', ['uglify']);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment