Skip to content

Commit

Permalink
Dev build (#242)
Browse files Browse the repository at this point in the history 
* Adds build & dev-build tasks

* Adds run-sequence & del to dev deps

* Add .dev/ to gitignore

* Remove site/css dest for lib-scss task
  • Loading branch information
@Praseetha-KR @una
Praseetha-KR authored and una committed Oct 27, 2016
1 parent fd02556 commit d11fdda
Show file tree
Hide file tree
Showing 3 changed files with 134 additions and 52 deletions.
3 changes: 2 additions & 1 deletion .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,3 @@
node_modules/
assets/
assets/
.dev/
175 changes: 127 additions & 48 deletions gulpfile.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,99 +16,178 @@ var gulp = require('gulp'),
deploy = require('gulp-gh-pages'),
notify = require('gulp-notify'),
sassLint = require('gulp-sass-lint'),
twig = require('gulp-twig');
twig = require('gulp-twig'),
runSequence = require('run-sequence'),
del = require('del');

var is_prod = false;

var paths = {
libscss: 'source/scss/**/*.scss',
sitescss: 'site/scss/**/*.scss',
sitetwig: 'site/**/*.twig',
siteimg: 'site/img',
testimg: 'site/test/ref',
testcss: 'site/test/css',
filtersjson: 'site/filters.json',
dev: '.dev/'
}
var compiledPaths = {
libcss: 'source/css/',
sitecss: 'site/css/'
}

gulp.task('lib-scss', function() {
var onError = function(err) {
notify.onError({
title: "Gulp",
subtitle: "Failure!",
message: "Error: <%= error.message %>",
sound: "Beep"
})(err);
this.emit('end');
var dest = paths.dev + compiledPaths.libcss;
if (is_prod) {
dest = compiledPaths.libcss;
}
var onError = function(err) {
notify.onError({
title: "Gulp",
subtitle: "Failure!",
message: "Error: <%= error.message %>",
sound: "Beep"
})(err);
this.emit('end');
};

return gulp.src('source/scss/**/*.scss')
return gulp.src(paths.libscss)
.pipe(plumber({errorHandler: onError}))
.pipe(sass())
.pipe(size({ gzip: true, showFiles: true }))
.pipe(prefix())
.pipe(gulp.dest('source/css'))
.pipe(gulp.dest(dest))
.pipe(cssmin())
.pipe(size({ gzip: true, showFiles: true }))
.pipe(rename({ suffix: '.min' }))
.pipe(gulp.dest('source/css'))
.pipe(gulp.dest('site/css'))
.pipe(gulp.dest(dest))
.pipe(reload({stream:true}));
});

gulp.task('site-scss', function() {
var onError = function(err) {
notify.onError({
title: "Gulp",
subtitle: "Failure!",
message: "Error: <%= error.message %>",
sound: "Beep"
})(err);
this.emit('end');
var dest = paths.dev + compiledPaths.sitecss;
if (is_prod) {
dest = compiledPaths.sitecss;
}
var onError = function(err) {
notify.onError({
title: "Gulp",
subtitle: "Failure!",
message: "Error: <%= error.message %>",
sound: "Beep"
})(err);
this.emit('end');
};

return gulp.src('site/scss/**/*.scss')
return gulp.src(paths.sitescss)
.pipe(plumber({errorHandler: onError}))
.pipe(sass())
.pipe(size({ gzip: true, showFiles: true }))
.pipe(prefix())
.pipe(gulp.dest('site/css'))
.pipe(gulp.dest(dest))
.pipe(reload({stream:true}))
.pipe(cssmin())
.pipe(size({ gzip: true, showFiles: true }))
.pipe(rename({ suffix: '.min' }))
.pipe(gulp.dest('site/css'))
.pipe(gulp.dest(dest))
.pipe(reload({stream:true}));
});

gulp.task('browser-sync', function() {
browserSync({
server: {
baseDir: "site"
}
});
});

gulp.task('deploy', function () {
return gulp.src('site/**/*')
.pipe(deploy());
});

gulp.task('sass-lint', function () {
gulp.src('scss/**/*.scss')
.pipe(sassLint())
.pipe(sassLint.format())
.pipe(sassLint.failOnError());
});

gulp.task('jshint', function() {
gulp.src('js/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'));
});

gulp.task('twig', function () {
gulp.src(['site/**/*.twig', "!site/twig/template.twig"], {base: './'})
var dest = paths.dev;
if (is_prod) {
dest = './';
}
gulp.src([paths.sitetwig, "!site/twig/template.twig"], {base: './'})
.pipe(twig({
data: require('./site/filters.json')
}))
.pipe(gulp.dest('./'));
.pipe(gulp.dest(dest));
});

function copytask(src, dest) {
return function() {
return gulp.src(src)
.pipe(gulp.dest(dest));
}
}

gulp.task('watch', function() {
gulp.watch('source/scss/**/*.scss', ['lib-scss', 'site-scss', 'sass-lint']);
gulp.watch('site/scss/**/*.scss', ['site-scss', 'sass-lint']);
gulp.task('copy-site-img', copytask(
paths.siteimg + '/**/*',
paths.dev + paths.siteimg
));
gulp.task('copy-test-img', copytask(
paths.testimg + '/**/*',
paths.dev + paths.testimg
));
gulp.task('copy-test-css', copytask(
paths.testcss + '/**/*',
paths.dev + paths.testcss
));
gulp.task('copy-files', ['copy-site-img', 'copy-test-img', 'copy-test-css']);

gulp.task('dev-build', function(cb) {
is_prod = false;
runSequence(
'cleandev',
'copy-files',
'site-scss',
'lib-scss',
'twig',
cb
);
});
gulp.task('watch', ['dev-build'], function() {
browserSync({
server: {
baseDir: paths.dev + 'site'
}
});
gulp.watch(paths.libscss, ['lib-scss', 'site-scss', 'sass-lint']);
gulp.watch(paths.sitescss, ['site-scss', 'sass-lint']);
gulp.watch('source/scss/**/*.html', ['minify-html']);
gulp.watch('site/**/*.twig', ['twig']);
gulp.watch(paths.sitetwig, ['twig']);
});

gulp.task('cleandev', function() {
return del([paths.dev]);
});

gulp.task('jshint', function() {
gulp.src('js/*.js')
.pipe(jshint())
.pipe(jshint.reporter('default'));
gulp.task('build', function(cb) {
is_prod = true;
runSequence(
'site-scss',
'lib-scss',
'twig',
cb
);
});

gulp.task('server', function() {
browserSync({
server: {
baseDir: 'site'
}
});
});

gulp.task('deploy', function () {
return gulp.src('site/**/*')
.pipe(deploy());
});

gulp.task('default', ['browser-sync', 'twig', 'lib-scss', 'site-scss', 'watch']);
gulp.task('default', ['watch']);
8 changes: 5 additions & 3 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,22 +20,24 @@
],
"devDependencies": {
"browser-sync": "^2.16.1",
"del": "^2.2.2",
"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.1",
"gulp-cached": "^1.1.0",
"gulp-clean-css": "^2.0.13",
"gulp-concat": "^2.6.0",
"gulp-gh-pages": "^0.5.4",
"gulp-imagemin": "^3.0.3",
"gulp-clean-css": "^2.0.13",
"gulp-htmlmin": "^3.0.0",
"gulp-imagemin": "^3.0.3",
"gulp-notify": "^2.2.0",
"gulp-plumber": "^1.1.0",
"gulp-rename": "^1.2.2",
"gulp-sass": "^2.3.2",
"gulp-sass-lint": "1.2.0",
"gulp-size": "^2.1.0",
"gulp-twig": "~0.5.0",
"gulp-uglify": "^2.0.0",
"imagemin-pngquant": "^5.0.0",
"gulp-twig": "~0.5.0"
"run-sequence": "^1.2.2"
}
}

0 comments on commit d11fdda

Please sign in to comment.