m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-14 17:15:18 +01:00
Code

refactor gulpt tasks for faster dev builds

Browse Source
This commit is contained in:
Matthias Kretschmann 2015-08-23 06:28:48 +02:00
parent f948bd7bd1
commit b93c124722
3 changed files with 74 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_src/_assets/js/app.js
View File

@ -1,3 +1,13 @@
//=require ../../../node_modules/webcomponents.js/CustomElements.js
//=require ../../../node_modules/svg4everybody/svg4everybody.js
//=require ../../../node_modules/jquery/dist/jquery.js
//=require ../../../node_modules/masonry-layout/dist/masonry.pkgd.js
//=require ../../../node_modules/imagesloaded/imagesloaded.js
//=require ../../../bower_components/time-elements/time-elements.js
//=require ../../../bower_components/simple-jekyll-search/dest/jekyll-search.js
$(ASAP = function() { $(ASAP = function() {
siteNavigation.init(); siteNavigation.init();

117
gulpfile.js
View File

@ -52,7 +52,7 @@ var icons = {
} }
// SVG sprite // SVG sprite
spriteConfig = { var spriteConfig = {
dest: dist + '/assets/img/', dest: dist + '/assets/img/',
mode: { mode: {
symbol: { symbol: {
@ -95,7 +95,7 @@ gulp.task('clean', function(cb) {
dist + '/**/*', dist + '/**/*',
dist + '/.*', // delete all hidden files dist + '/.*', // delete all hidden files
'!' + dist + '/media/**' '!' + dist + '/media/**'
], cb); ], cb)
}); });
@ -134,14 +134,10 @@ gulp.task('css', function() {
src + '/_assets/styl/poststyle-2300.styl' src + '/_assets/styl/poststyle-2300.styl'
]) ])
.pipe($.stylus({ 'include css': true })).on('error', onError) .pipe($.stylus({ 'include css': true })).on('error', onError)
.pipe(gulp.dest(dist + '/assets/css/'))
.pipe($.autoprefixer({ browsers: 'last 2 versions' })).on('error', onError) .pipe($.autoprefixer({ browsers: 'last 2 versions' })).on('error', onError)
.pipe($.combineMq({ beautify: false }))
.pipe($.cssmin())
.pipe($.rename({ suffix: '.min' })) .pipe($.rename({ suffix: '.min' }))
.pipe($.header(banner, { pkg: pkg }))
.pipe(gulp.dest(dist + '/assets/css/')) .pipe(gulp.dest(dist + '/assets/css/'))
.pipe($.connect.reload()); .pipe($.connect.reload())
}); });
@ -150,38 +146,25 @@ gulp.task('css', function() {
// //
// Libraries // Libraries
gulp.task('js-libraries', function() { gulp.task('js:libraries', function() {
var picturefill = gulp.src('node_modules/picturefill/dist/picturefill.js'); return gulp.src([
'node_modules/picturefill/dist/picturefill.js'
return merge(picturefill) ])
.pipe($.uglify()).on('error', onError) .pipe($.rename({ suffix: '.min'}))
.pipe($.rename({ suffix: '.min'})) .pipe(gulp.dest(dist + '/assets/js/'))
.pipe(gulp.dest(dist + '/assets/js/'));
}); });
// Project js // Project js
gulp.task('js-project', function() { gulp.task('js:project', function() {
return gulp.src([ return gulp.src(src + '/_assets/js/*.js')
'node_modules/webcomponents.js/CustomElements.js', .pipe($.include()).on('error', onError)
'node_modules/svg4everybody/svg4everybody.js', .pipe($.concat('kremalicious3.min.js'))
'node_modules/jquery/dist/jquery.js',
'node_modules/masonry-layout/dist/masonry.pkgd.js',
'node_modules/imagesloaded/imagesloaded.js',
'bower_components/simple-jekyll-search/dest/jekyll-search.js',
'bower_components/time-elements/time-elements.js',
src + '/_assets/js/*.js'
])
.pipe($.concat('kremalicious3.js'))
.pipe(gulp.dest(dist + '/assets/js/')) .pipe(gulp.dest(dist + '/assets/js/'))
.pipe($.uglify()).on('error', onError) .pipe($.connect.reload())
.pipe($.rename({ suffix: '.min'}))
.pipe($.header(banner, { pkg: pkg }))
.pipe(gulp.dest(dist + '/assets/js/'))
.pipe($.connect.reload());
}); });
// Collect all script tasks // Collect all script tasks
gulp.task('js', ['js-libraries', 'js-project']); gulp.task('js', ['js:libraries', 'js:project'])
// //
@ -208,9 +191,9 @@ gulp.task('icons', function() {
// //
// Generate SVG fallbacks // Generate SVG fallbacks
// //
gulp.task('svg-fallbacks', function() { gulp.task('svg:fallbacks', function() {
return gulp.src(dist + '/assets/img/*.svg') return gulp.src(dist + '/assets/img/*.svg')
.pipe($.svg2png()) .pipe($.svg2png()).on('error', onError)
.pipe(gulp.dest(dist + '/assets/img/')) .pipe(gulp.dest(dist + '/assets/img/'))
}); });
@ -219,8 +202,11 @@ gulp.task('svg-fallbacks', function() {
// Copy images // Copy images
// //
gulp.task('images', function() { gulp.task('images', function() {
return gulp.src([src + '/_assets/img/**/*', '!' + src + '/_assets/img/entypo/**/*']) return gulp.src([
.pipe(gulp.dest(dist + '/assets/img/')) src + '/_assets/img/**/*',
'!' + src + '/_assets/img/entypo/**/*'
])
.pipe(gulp.dest(dist + '/assets/img/'))
}); });
@ -242,6 +228,29 @@ gulp.task('media', function() {
}); });
//
// Optimize css
//
gulp.task('optimize:css', function() {
return gulp.src(dist + '/assets/css/*.css')
.pipe($.combineMq({ beautify: false }))
.pipe($.cssmin())
.pipe($.header(banner, { pkg: pkg }))
.pipe(gulp.dest(dist + '/assets/css/'))
});
//
// Optimize js
//
gulp.task('optimize:js', function() {
return gulp.src(dist + '/assets/js/*.js')
.pipe($.uglify()).on('error', onError)
.pipe($.header(banner, { pkg: pkg }))
.pipe(gulp.dest(dist + '/assets/js/'))
});
// //
// Optimize HTML // Optimize HTML
// //
@ -257,7 +266,7 @@ gulp.task('optimize:html', function() {
removeEmptyAttributes: true, removeEmptyAttributes: true,
removeEmptyAttributes: true removeEmptyAttributes: true
})) }))
.pipe(gulp.dest(dist)); .pipe(gulp.dest(dist))
}); });
@ -277,7 +286,7 @@ gulp.task('optimize:images', function() {
multipass: true, // svg multipass: true, // svg
svgoPlugins: [{ removeViewBox: false }] svgoPlugins: [{ removeViewBox: false }]
}))) })))
.pipe(gulp.dest(dist)); .pipe(gulp.dest(dist))
}); });
@ -290,7 +299,7 @@ gulp.task('revision', function() {
.pipe(gulp.dest(dist + '/assets/')) .pipe(gulp.dest(dist + '/assets/'))
// output rev manifest for next replace task // output rev manifest for next replace task
.pipe($.rev.manifest()) .pipe($.rev.manifest())
.pipe(gulp.dest(dist + '/assets/')); .pipe(gulp.dest(dist + '/assets/'))
}); });
@ -298,13 +307,13 @@ gulp.task('revision', function() {
// Replace all links to assets in files // Replace all links to assets in files
// from a manifest file // from a manifest file
// //
gulp.task('revision-replace', function() { gulp.task('revision:replace', function() {
var manifest = gulp.src(dist + '/assets/rev-manifest.json'); var manifest = gulp.src(dist + '/assets/rev-manifest.json');
return gulp.src(dist + '/**/*.{html,xml,txt,json,css,js,png,jpg,jpeg,svg,eot,ttf,woff}') return gulp.src(dist + '/**/*.{html,xml,txt,json,css,js,png,jpg,jpeg,svg,eot,ttf,woff}')
.pipe($.revReplace({ manifest: manifest })) .pipe($.revReplace({ manifest: manifest }))
.pipe(gulp.dest(dist)); .pipe(gulp.dest(dist))
}); });
@ -319,7 +328,7 @@ gulp.task('cdn', function() {
.pipe($.replace('/media/', cdn + '/media/')) .pipe($.replace('/media/', cdn + '/media/'))
.pipe($.replace('https://kremalicious.com' + cdn + '/media/', 'https://kremalicious.com/media/')) .pipe($.replace('https://kremalicious.com' + cdn + '/media/', 'https://kremalicious.com/media/'))
.pipe($.replace('../', cdn + '/assets/')) .pipe($.replace('../', cdn + '/assets/'))
.pipe(gulp.dest(dist)); .pipe(gulp.dest(dist))
}); });
@ -331,19 +340,19 @@ gulp.task('connect', function() {
root: [dist], root: [dist],
livereload: true, livereload: true,
port: 1337 port: 1337
}); })
}); });
// //
// Watch task // Watch task
// //
gulp.task('watch', function() { gulp.task('watch', function() {
gulp.watch([src + '/_assets/styl/**/*.styl'], ['css']); gulp.watch([src + '/_assets/styl/**/*.styl'], ['css'])
gulp.watch([src + '/_assets/js/*.js'], ['js-project']); gulp.watch([src + '/_assets/js/*.js'], ['js:project'])
gulp.watch([src + '/_assets/img/**/*.{png,jpg,jpeg,gif}'], ['images']); gulp.watch([src + '/_assets/img/**/*.{png,jpg,jpeg,gif}'], ['images'])
gulp.watch([src + '/_assets/img/**/*.{svg}'], ['icons']); gulp.watch([src + '/_assets/img/**/*.{svg}'], ['icons'])
gulp.watch([src + '/_media/**/*'], ['media']); gulp.watch([src + '/_media/**/*'], ['media'])
gulp.watch([src + '/**/*.{html,xml,json,txt,md}'], ['jekyll-build']); gulp.watch([src + '/**/*.{html,xml,json,txt,md}'], ['jekyll-build'])
}); });
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
@ -353,7 +362,8 @@ gulp.task('watch', function() {
gulp.task('jekyll-build', function(cb) { gulp.task('jekyll-build', function(cb) {
runSequence( runSequence(
'jekyll', 'jekyll',
['css', 'js', 'images', 'fonts', 'media', 'icons'], ['css', 'js', 'images', 'fonts', 'media'],
'icons',
cb cb
); );
}); });
@ -380,12 +390,11 @@ gulp.task('build', function(cb) {
'jekyll:production', 'jekyll:production',
['css', 'js', 'images', 'fonts', 'media'], ['css', 'js', 'images', 'fonts', 'media'],
'icons', 'icons',
'svg-fallbacks', 'svg:fallbacks',
'revision', 'revision',
'revision-replace', 'revision:replace',
'cdn', 'cdn',
'optimize:html', ['optimize:html', 'optimize:images', 'optimize:css', 'optimize:js'],
'optimize:images',
cb cb
); );
}); });

1
package.json
View File

@ -33,6 +33,7 @@
"gulp-header": ">=1.2.2", "gulp-header": ">=1.2.2",
"gulp-htmlmin": ">=1.1.2", "gulp-htmlmin": ">=1.1.2",
"gulp-imagemin": ">=2.2.1", "gulp-imagemin": ">=2.2.1",
"gulp-include": ">=2.0.2",
"gulp-load-plugins": ">=0.10.0", "gulp-load-plugins": ">=0.10.0",
"gulp-rename": ">=1.2.2", "gulp-rename": ">=1.2.2",
"gulp-replace": ">=0.5.3", "gulp-replace": ">=0.5.3",