Skip to content

Instantly share code, notes, and snippets.

@carmichaelize
Last active August 29, 2015 14:15
Show Gist options
  • Save carmichaelize/ebedcd703166810d5fe2 to your computer and use it in GitHub Desktop.
Save carmichaelize/ebedcd703166810d5fe2 to your computer and use it in GitHub Desktop.
Gulp Boilerplate
//$ npm install --global gulp
//
//$ npm install
//$ npm install --save-dev gulp
//$ npm install --save-dev gulp-concat
//$ npm install --save-dev gulp-uglify
//$ npm install --save-dev gulp-cssmin
//$ npm install --save-dev gulp-ng-annotate
var gulp = require('gulp'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify');
cssmin = require('gulp-cssmin'),
ngAnnotate = require('gulp-ng-annotate'),
jsArray = [
'js/script.js',
],
cssArray = [
'css/style.css'
];
//JavaScript
gulp.task('dev-js', function() {
gulp.src(jsArray)
.pipe(concat('scripts.min.js', {newLine: '\n;'}))
.pipe(gulp.dest('./dist'));
});
gulp.task('release-js', function() {
gulp.src(jsArray)
.pipe(concat('scripts.min.js', {newLine: '\n;'}))
.pipe(ngAnnotate())
.pipe(uglify({mangle: true}))
.pipe(gulp.dest('./dist'));
});
//CSS
gulp.task('dev-css', function() {
gulp.src(cssArray)
.pipe(concat('styles.min.css'))
.pipe(gulp.dest('./dist'));
gulp.src('bower_components/font-awesome/fonts/**/*.*')
.pipe(gulp.dest('fonts'));
});
gulp.task('release-css', function() {
gulp.src(cssArray)
.pipe(concat('styles.min.css'))
.pipe(cssmin())
.pipe(gulp.dest('./dist'));
gulp.src('bower_components/font-awesome/fonts/**/*.*')
.pipe(gulp.dest('fonts'));
});
gulp.task('default', ['dev-js', 'dev-css'], function() {
gulp.watch('gulpfile.js', ['dev-js', 'dev-css']);
gulp.watch('js/**/*.js', ['dev-js']);
gulp.watch('css/**/*.css', ['dev-css']);
});
gulp.task('release', ['release-js', 'release-css'], function(){});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment