From: Anthony Talarico Date: Tue, 15 Aug 2017 12:36:13 +0000 (-0400) Subject: adding babel to the gulp file X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;p=web%2FGruntInit%2FglmThemeV6.git adding babel to the gulp file adding transpile directory and babel module to the gulp file --- diff --git a/root/gulpfile.js b/root/gulpfile.js index f30c86c..de87a6f 100644 --- a/root/gulpfile.js +++ b/root/gulpfile.js @@ -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"]);