babel, uglify, and eslint fallback support

makemek · Feb 22, 2017 · c2ebbbe · c2ebbbe
1 parent cb2e7fe
commit c2ebbbe
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 2 deletions.
diff --git a/.babelrc b/.babelrc
@@ -0,0 +1,3 @@
+{
+  "presets": ["env"]
+}
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1 @@
+*.min.js
diff --git a/gulpfile.js b/gulpfile.js
@@ -19,9 +19,12 @@ const cleanCSS = require('gulp-clean-css')
 const rename = require('gulp-rename')
 const bs = require('browser-sync').create()
 const nodemon = require('gulp-nodemon')
+const uglify = require('gulp-uglify')
+const babel = require('gulp-babel')
 const gutil = require('gulp-util')
 const source = require('vinyl-source-stream')
 const browserify = require('browserify')
+const buffer = require('vinyl-buffer')
 
 gulp.task('build', ['build:css', 'build:js'])
 
@@ -38,7 +41,10 @@ gulp.task('build:js', () => {
   browserify('src/views/js/')
   .bundle()
   .on('error', error => gutil.log(error))
-  .pipe(source('bundle.js'))
+  .pipe(source('bundle.min.js'))
+  .pipe(buffer())
+  .pipe(babel())
+  .pipe(uglify())
   .pipe(gulp.dest(destination.js))
   .pipe(bs.stream())
 })

diff --git a/package.json b/package.json
@@ -51,6 +51,7 @@
   "devDependencies": {
     "app-root-path": "2.0.1",
     "autoprefixer": "6.7.0",
+    "babel": "6.23.0",
     "browser-sync": "2.18.6",
     "browserify": "14.1.0",
     "cheerio": "0.22.0",
@@ -71,6 +72,8 @@
     "slash": "1.0.0",
     "supertest": "2.0.1",
     "supertest-as-promised": "4.0.2",
+    "uglify": "0.1.5",
+    "vinyl-buffer": "1.0.0",
     "vinyl-source-stream": "1.1.0"
   }
 }
diff --git a/src/views/js/lib-fallback.js b/src/views/js/lib-fallback.js
@@ -1,3 +1,7 @@
+/* global fallback */
+
+'use strict'
+
 require('fallbackjs/fallback.min')
 
 fallback.load({

diff --git a/src/views/layouts/defaultLayout.hbs b/src/views/layouts/defaultLayout.hbs
@@ -12,7 +12,7 @@
 
 <body>
   {{{body}}}
-  <script src="js/bundle.js"></script>
+  <script src="js/bundle.min.js"></script>
 </body>
 
 </html>