adding babel to the gulp file master
authorAnthony Talarico <talarico@gaslightmedia.com>
Tue, 15 Aug 2017 12:36:13 +0000 (08:36 -0400)
committerAnthony Talarico <talarico@gaslightmedia.com>
Tue, 15 Aug 2017 12:36:13 +0000 (08:36 -0400)
adding transpile directory and babel module to the gulp file

root/gulpfile.js

index f30c86c..de87a6f 100644 (file)
@@ -38,7 +38,6 @@
 //
 //gulp.task("concat-uglify", function (){
 //    return gulp.src(['js/custom/**/*.js', 'js/foundation-sites/dist/foundation.min.js'])
-//        .pipe(babel({"compact": true}))
 //        .pipe(concat('app.js'))
 //        .pipe(uglify())
 //        .pipe(gulp.dest('js'));
@@ -69,56 +68,81 @@ var uglify = require('gulp-uglify');
 var jshint = require('gulp-jshint');
 var clean = require('gulp-clean');
 var maps = require('gulp-sourcemaps');
+var babel = require("gulp-babel");
+
+
+function swallowError (error) {
+
+  // If you want details of the error in the console
+  console.log(error.toString())
+
+  this.emit('end')
+}
 
 var sassPaths = [
   'bower_components/foundation-sites/scss',
   'bower_components/motion-ui/src'
 ];
 
+function swallowError (error) {
+
+  // If you want details of the error in the console
+  console.log(error.toString());
+
+  this.emit('end');
+}
+
 gulp.task('sass', function() {
   return gulp.src('scss/app.scss')
     .pipe(maps.init())
+    .on('error', swallowError)
     .pipe(sass({ 
       includePaths: sassPaths ,
       outputStyle: 'compressed'
-
-  }))
+  })).on('error', swallowError)
     .pipe(maps.write('.'))
     .pipe(gulp.dest('css'));
 });
 
 gulp.task('copy-bower', function () {
-   return gulp.src('bower_components/**/')
+   return gulp.src(['bower_components/jquery/dist/jquery.min.js','bower_components/motion-ui/dist/motion-ui.min.js','bower_components/what-input/dist/what-input.min.js', 'bower_components/foundation-sites/dist/js/foundation.min.js'])
         .pipe(gulp.dest('js'));
 });
 
 gulp.task('lint', function (){
-    return gulp.src('js/custom/*.js')
+    return gulp.src('js/transpile/**/*.js')
         .pipe(jshint())
+        .on('error', swallowError)
         .pipe(jshint.reporter('default'));
 });
-
+gulp.task("transpile", function(){
+   return gulp.src('js/custom/**/*.js')
+        .pipe(babel({presets: ['es2015']}))
+        .on('error', swallowError)
+        .pipe(concat('dist.js'))
+        .pipe(gulp.dest('js/transpiled'))
+});
 gulp.task("concat-uglify", function (){
-    return gulp.src(['js/custom/**/*.js', 'js/foundation-sites/dist/foundation.min.js'])
+    return gulp.src([ 'js/dollarsign.js','js/foundation-sites/dist/foundation.min.js','js/what-input/what-input.min.js','js/motion-ui/dist/motion-ui.min.js','js/transpiled/dist.js'])
         .pipe(concat('app.js'))
         .pipe(uglify())
         .pipe(gulp.dest('js'));
 });
 
 gulp.task('clean', function (){
-   return gulp.src(['js/foundation-sites', 'js/jquery', 'js/motion-ui', 'js/what-input', 'js/app.js','css/app.css','css/app.css.map'], {read: false})
+   return gulp.src(['js/foundation.min.js', 'js/motion-ui.min.js', 'js/what-input.min.js','js/custom/dist.js' ,'js/app.js','css/app.css','css/app.css.map'], {read: false})
         .pipe(clean());
 });
 
 gulp.task('watch', function () {
-  gulp.watch('js/custom/**/*.js',['concat-uglify', 'lint']);
-  gulp.watch('scss/**/*.{scss,sass}', ['sass','concat-uglify']);
+  gulp.watch('js/custom/**/*.js',['transpile','concat-uglify', 'lint']);
+  gulp.watch('scss/**/*.{scss,sass}', ['sass']);
   gulp.watch('gulpfile.js');
 });
 
-gulp.task('build', ["sass","copy-bower"]);
+gulp.task('build', ["copy-bower","sass"]);
 
-gulp.task('runwatch', ["sass", "concat-uglify","lint"]);
+gulp.task('runwatch', ["sass",'transpile', "concat-uglify","lint"]);
 
 gulp.task('default', ["runwatch","watch"]);