The HTML/JS and other optimizations about blendid HOT 6 CLOSED

It's on my to-do list to add a production task that includes minification. I use gulp-uglify and gulp-minify-css on most of my projects.

Also, check out mod_pagespeed - you can configure your server to handle this and a ton of other optimizations for you.

from blendid.

I would love to see this repo with those modules of minification and concatenation.

+1 to that.

from blendid.

Here's a basic production task setup I've used in the past:

var gulp      = require('gulp');
var config    = require('../config').production;
var minifyCSS = require('gulp-minify-css');
var uglify    = require('gulp-uglify');

gulp.task('flagProduction', function(){
  global.isProduction = true
});

gulp.task('minifyCSS', ['sass'], function() {
  return gulp.src(config.cssSrc)
    .pipe(minifyCSS({keepBreaks:true}))
    .pipe(gulp.dest(config.dest))
})

gulp.task('uglifyJS', ['browserify'], function() {
  return gulp.src(config.jsSrc)
    .pipe(uglify())
    .pipe(gulp.dest(config.dest))
})

gulp.task('production', ['flagProduction', 'minifyCSS', 'uglifyJS']);

from blendid.

I use the global.isProduction flag in other tasks to determin whether or not to include source maps or use watchify

from blendid.

I have a modified version of this repo with which I use minification in production.

My heroku/dokku production task sets a variable which tells the browserify task to minify with gulp-uglify and css variant tasks (ex: the stylus task) to minify with gulp-minify-css.

from blendid.

@pBun. Surely will look at that.

Thanks mate

from blendid.