diff --git a/examples/basic.html b/examples/basic.html
index b72c8f7..0982dd9 100644
--- a/examples/basic.html
+++ b/examples/basic.html
@@ -8,7 +8,7 @@
 
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
 
-        <script src="../src/ToastController.js"></script>
+        <script src="../dist/js/ToastController.min.js"></script>
 
         <style>
             body{
diff --git a/gulpfile.js b/gulpfile.js
index ba67846..8b84f2a 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -1,8 +1,9 @@
 var gulp = require("gulp");
 var sass = require("gulp-sass");
 var rename = require("gulp-rename");
+var uglify = require("gulp-uglify");
 
-gulp.task("default", ["build-css"], function() {});
+gulp.task("default", ["build-css", "build-js"], function() {});
 
 gulp.task("build-css", function() {
     return gulp.src(["sass/*.scss"])
@@ -13,6 +14,14 @@ gulp.task("build-css", function() {
         .pipe(gulp.dest("dist/css/"));
 });
 
+gulp.task("build-js", function() {
+    return gulp.src(["src/*.js"])
+        .pipe(uglify())
+        .pipe(rename("ToastController.min.js"))
+        .pipe(gulp.dest("dist/js/"));
+});
+
 gulp.task("watch", function() {
     gulp.watch(["sass/*.scss"], ["build-css"]);
+    gulp.watch(["src/*.js"], ["build-js"]);
 });
diff --git a/package.json b/package.json
index 5d7195d..2964ff8 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,7 @@
   "devDependencies": {
     "gulp": "^3.9.1",
     "gulp-rename": "^1.2.2",
-    "gulp-sass": "^3.0.0"
+    "gulp-sass": "^3.0.0",
+    "gulp-uglify": "^2.0.0"
   }
 }