Created
August 25, 2017 01:58
-
-
Save bahiirwa/3221f4d6d2fbd5020d60818d51370008 to your computer and use it in GitHub Desktop.
My gulp local workflow
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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