From 9561858ca337c279a1dbd686a71b0547ce05a30b Mon Sep 17 00:00:00 2001 From: Anthony Ho Date: Tue, 26 Jan 2016 21:00:00 +0000 Subject: [PATCH 1/3] CSS and JS Minification My Imgur Browser loads much faster first time round. Uglifier cuts JS file size by 90%. --- gulpfile.js | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 38178b2..bf3902f 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -8,7 +8,10 @@ var notifier = require('node-notifier'); var server = require('gulp-server-livereload'); var concat = require('gulp-concat'); var sass = require('gulp-sass'); +var cssnano = require('gulp-cssnano'); +var rename = require( 'gulp-rename' ); var watch = require('gulp-watch'); +var uglify = require('gulp-uglify'); var notify = function(error) { var message = 'In: '; @@ -55,6 +58,13 @@ gulp.task('build', function() { bundle() }); +gulp.task('compress', function() { + return gulp.src('main.js') + .pipe(uglify()) + .pipe( rename( { suffix: '.min' } ) ) + .pipe(gulp.dest('./')); +}); + gulp.task('serve', function(done) { gulp.src('') .pipe(server({ @@ -76,10 +86,13 @@ gulp.task('sass', function () { gulp.src('./sass/**/*.scss') .pipe(sass().on('error', sass.logError)) .pipe(concat('style.css')) - .pipe(gulp.dest('./')); + .pipe(gulp.dest('./')) + .pipe( cssnano() ) + .pipe( rename( { suffix: '.min' } ) ) + .pipe( gulp.dest( './' ) ); }); -gulp.task('default', ['build', 'serve', 'sass', 'watch']); +gulp.task('default', ['build', 'serve', 'compress', 'sass', 'watch']); gulp.task('watch', function () { gulp.watch('./sass/**/*.scss', ['sass']); From 6864541537f968c453f9c915949b5aac33c50317 Mon Sep 17 00:00:00 2001 From: Anthony Ho Date: Tue, 26 Jan 2016 21:10:33 +0000 Subject: [PATCH 2/3] Update package.json For "gulp-cssnano": "^2.1.0", "gulp-rename": "^1.2.2", "gulp-uglify": "^1.5.1", --- package.json | 3 +++ 1 file changed, 3 insertions(+) diff --git a/package.json b/package.json index 1d846b3..b1a1570 100644 --- a/package.json +++ b/package.json @@ -13,6 +13,9 @@ "gulp-concat": "^2.5.2", "gulp-react": "^3.0.1", "gulp-sass": "^2.0.1", + "gulp-cssnano": "^2.1.0", + "gulp-rename": "^1.2.2", + "gulp-uglify": "^1.5.1", "gulp-server-livereload": "1.3.0", "gulp-util": "^3.0.4", "gulp-watch": "^4.2.4", From b4948cf36d67b27d5f458ae832465f7e88d7d34e Mon Sep 17 00:00:00 2001 From: Anthony Ho Date: Thu, 28 Jan 2016 23:25:33 +0000 Subject: [PATCH 3/3] Formatting --- gulpfile.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/gulpfile.js b/gulpfile.js index bf3902f..124db8d 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -61,7 +61,7 @@ gulp.task('build', function() { gulp.task('compress', function() { return gulp.src('main.js') .pipe(uglify()) - .pipe( rename( { suffix: '.min' } ) ) + .pipe(rename({suffix:'.min'})) .pipe(gulp.dest('./')); });