diff --git a/gulpfile.js b/gulpfile.js
index 38178b2..124db8d 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']);
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",