mirror of
https://github.com/kremalicious/blog.git
synced 2024-11-13 16:45:14 +01:00
first try at migrating everything to gulp
This commit is contained in:
parent
85f6e08e9a
commit
275422a5b3
@ -33,7 +33,8 @@
|
||||
</footer>
|
||||
|
||||
<script src="/assets/js/CustomElements.min.js"></script>
|
||||
<script async src="/assets/js/kremalicious3.min.js"></script>
|
||||
<script src="/assets/js/jquery.min.js"></script>
|
||||
<script src="/assets/js/kremalicious3.min.js"></script>
|
||||
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
|
||||
242
gulpfile.js
Normal file
242
gulpfile.js
Normal file
@ -0,0 +1,242 @@
|
||||
|
||||
// load plugins
|
||||
var $ = require('gulp-load-plugins')();
|
||||
|
||||
// manually require modules that won"t get picked up by gulp-load-plugins
|
||||
var gulp = require('gulp'),
|
||||
del = require('del'),
|
||||
nib = require('nib'),
|
||||
merge = require('merge-stream'),
|
||||
pkg = require('./package.json');
|
||||
|
||||
// Temporary solution until gulp 4
|
||||
// https://github.com/gulpjs/gulp/issues/355
|
||||
var runSequence = require('run-sequence');
|
||||
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
// Config
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
|
||||
var src = '_src',
|
||||
dist = '_site';
|
||||
|
||||
var banner = [
|
||||
'/**',
|
||||
' ** <%= pkg.name %> - <%= pkg.description %>',
|
||||
' ** <%= package.repository.url %>'
|
||||
' ** @author <%= pkg.author %>',
|
||||
' ** @version v<%= pkg.version %>',
|
||||
' **/',
|
||||
''
|
||||
].join('\n');
|
||||
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
// Tasks
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
|
||||
//
|
||||
// Delete build artifacts
|
||||
//
|
||||
gulp.task('clean', function(cb) {
|
||||
return del([
|
||||
dist + '/**/*',
|
||||
'!' + dist + '/media/**'
|
||||
], cb);
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
// Jekyll
|
||||
//
|
||||
gulp.task('jekyll', function (cb){
|
||||
var spawn = require('child_process').spawn;
|
||||
var jekyll = spawn('jekyll', ['build'], {stdio: 'inherit'});
|
||||
|
||||
jekyll.on('exit', function(code) {
|
||||
cb(code === 0 ? null : 'ERROR: Jekyll process exited with code: '+code);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
// Styles
|
||||
//
|
||||
gulp.task('css', function() {
|
||||
return gulp.src([
|
||||
src + '/_assets/styl/kremalicious3.styl',
|
||||
src + '/_assets/styl/poststyle-2300.styl'
|
||||
])
|
||||
.pipe($.stylus({ use: [nib()], 'include css': true }))
|
||||
.pipe($.autoprefixer({ browsers: 'last 2 versions' }))
|
||||
.pipe($.combineMq({ beautify: false }))
|
||||
// .pipe($.uncss({
|
||||
// html: [dist + '/**/*.html'],
|
||||
// ignore: ['.in', '.collapsing']
|
||||
// }))
|
||||
.pipe($.cssmin())
|
||||
.pipe($.rename({suffix: '.min'}))
|
||||
.pipe(header(banner, {pkg: pkg}))
|
||||
.pipe(gulp.dest(dist + '/assets/css/'))
|
||||
.pipe($.connect.reload());
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
// Scripts
|
||||
//
|
||||
|
||||
// Libraries
|
||||
gulp.task('js-libraries', function() {
|
||||
var jquery = gulp.src('node_modules/jquery/dist/jquery.js'),
|
||||
picturefill = gulp.src('node_modules/picturefill/dist/picturefill.js'),
|
||||
CustomElements = gulp.src('node_modules/webcomponents.js/CustomElements.js')
|
||||
|
||||
return merge(jquery, picturefill, CustomElements)
|
||||
.pipe($.rename({suffix: '.min'}))
|
||||
.pipe(gulp.dest(dist + '/assets/js/'))
|
||||
});
|
||||
|
||||
// Project js
|
||||
gulp.task('js-project', function() {
|
||||
return gulp.src([
|
||||
'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($.uglify())
|
||||
.pipe($.concat('kremalicious3.min.js'))
|
||||
.pipe(header(banner, {pkg: pkg}))
|
||||
.pipe(gulp.dest(dist + '/assets/js/'))
|
||||
.pipe($.connect.reload());
|
||||
});
|
||||
|
||||
// Collect all script tasks
|
||||
gulp.task('js', ['js-libraries', 'js-project']);
|
||||
|
||||
|
||||
//
|
||||
// Copy images
|
||||
//
|
||||
gulp.task('images', function() {
|
||||
return gulp.src(src + '/_assets/img/**/*')
|
||||
.pipe(gulp.dest(dist + '/assets/img/'))
|
||||
.pipe($.connect.reload());
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
// Copy fonts
|
||||
//
|
||||
gulp.task('fonts', function() {
|
||||
return gulp.src(src + '/_assets/fonts/**/*')
|
||||
.pipe(gulp.dest(dist + '/assets/fonts/'))
|
||||
.pipe($.connect.reload());
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
// Copy media
|
||||
//
|
||||
gulp.task('media', function() {
|
||||
return gulp.src(src + '/_media/**/*')
|
||||
.pipe(gulp.dest(dist + '/media/'))
|
||||
.pipe($.connect.reload());
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
// Image optimization
|
||||
//
|
||||
gulp.task('imagemin', function () {
|
||||
return gulp.src(dist + '/**/*.{png,jpg,jpeg,gif,svg}')
|
||||
.pipe($.imagemin({
|
||||
optimizationLevel: 5, // png
|
||||
progressive: true, // jpg
|
||||
interlaced: true, // gif
|
||||
multipass: true, // svg
|
||||
svgoPlugins: [{removeViewBox: false}]
|
||||
}))
|
||||
.pipe(gulp.dest(dist));
|
||||
});
|
||||
|
||||
|
||||
//
|
||||
// Revision static assets
|
||||
//
|
||||
gulp.task('revision', function () {
|
||||
return gulp.src(dist + '/assets/**/*.{css,js}')
|
||||
.pipe($.rev())
|
||||
.pipe(gulp.dest(dist + '/assets/'))
|
||||
// output rev manifest for next replace task
|
||||
.pipe($.rev.manifest())
|
||||
.pipe(gulp.dest(dist + '/assets/'));
|
||||
});
|
||||
|
||||
//
|
||||
// Replace all links to assets in files
|
||||
// from a manifest file
|
||||
//
|
||||
gulp.task('revision-replace', function() {
|
||||
|
||||
var manifest = gulp.src(dist + '/assets/rev-manifest.json');
|
||||
|
||||
return gulp.src(dist + '/**/*.{html,xml,txt,json,css,js}')
|
||||
.pipe($.revReplace({manifest: manifest}))
|
||||
.pipe(gulp.dest(dist));
|
||||
});
|
||||
|
||||
//
|
||||
// Dev Server
|
||||
//
|
||||
gulp.task('connect', function() {
|
||||
return $.connect.server({
|
||||
root: [dist],
|
||||
livereload: true,
|
||||
port: 1337
|
||||
});
|
||||
});
|
||||
|
||||
//
|
||||
// Watch task
|
||||
//
|
||||
gulp.task('watch', function() {
|
||||
gulp.watch([src + '/_assets/styl/**/*.styl'], ['css']);
|
||||
gulp.watch([src + '/_assets/js/*.js'], ['js-project']);
|
||||
gulp.watch([src + '/_assets/img/**/*'], ['images']);
|
||||
gulp.watch([src + '/**/*.{html,xml,json,txt}'], ['jekyll']);
|
||||
});
|
||||
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
// Task sequences
|
||||
// ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
|
||||
|
||||
//
|
||||
// Dev Server
|
||||
//
|
||||
gulp.task('server', function(cb) {
|
||||
runSequence(
|
||||
'clean',
|
||||
'jekyll',
|
||||
['css', 'js', 'images', 'fonts', 'media'],
|
||||
'watch',
|
||||
'connect',
|
||||
cb
|
||||
);
|
||||
});
|
||||
|
||||
//
|
||||
// Production build
|
||||
//
|
||||
gulp.task('build', function(cb) {
|
||||
runSequence(
|
||||
'clean',
|
||||
'jekyll',
|
||||
['css', 'js', 'images', 'fonts', 'media'],
|
||||
'revision',
|
||||
'revision-replace',
|
||||
//'imagemin',
|
||||
cb
|
||||
);
|
||||
});
|
||||
36
package.json
36
package.json
@ -17,23 +17,27 @@
|
||||
"webcomponents.js": ">=0.7.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer-core": ">=5.2.0",
|
||||
"css-mqpacker": ">=3.1.0",
|
||||
"csswring": ">=3.0.5",
|
||||
"grunt": ">=0.4.5",
|
||||
"grunt-contrib-clean": ">=0.5.0",
|
||||
"grunt-contrib-connect": ">=0.5.0",
|
||||
"grunt-contrib-imagemin": ">=0.7.0",
|
||||
"grunt-contrib-stylus": ">=0.18.0",
|
||||
"grunt-contrib-uglify": ">=0.2.2",
|
||||
"grunt-contrib-watch": ">=0.5.3",
|
||||
"grunt-jekyll": ">=0.4.0",
|
||||
"grunt-postcss": ">=0.4.0",
|
||||
"grunt-rev": ">=0.1.0",
|
||||
"grunt-rsync": ">=0.2.1",
|
||||
"grunt-text-replace": ">=0.3.12",
|
||||
"grunt-usemin": ">=2.0.2",
|
||||
"del": ">=1.2.0",
|
||||
"gulp": ">=3.8.0",
|
||||
"gulp-autoprefixer": ">=2.3.0",
|
||||
"gulp-combine-mq": ">=0.4.0",
|
||||
"gulp-concat": ">=2.5.2",
|
||||
"gulp-connect": ">=2.0.5",
|
||||
"gulp-cssmin": ">=0.1.7",
|
||||
"gulp-header": "^1.2.2",
|
||||
"gulp-imagemin": ">=2.2.1",
|
||||
"gulp-load-plugins": ">=0.10.0",
|
||||
"gulp-minify-html": "^1.0.3",
|
||||
"gulp-rename": ">=1.2.2",
|
||||
"gulp-rev": ">=4.0.0",
|
||||
"gulp-rev-replace": ">=0.4.1",
|
||||
"gulp-stylus": ">=2.0.3",
|
||||
"gulp-uglify": ">=1.2.0",
|
||||
"gulp-uncss": ">=1.0.1",
|
||||
"gulp-zip": ">=2.0.0",
|
||||
"merge-stream": ">=0.1.7",
|
||||
"nib": ">=1.0.3",
|
||||
"run-sequence": ">=1.1.0",
|
||||
"stylus": ">=0.45.0"
|
||||
},
|
||||
"engines": {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user