I have a build process using gulp and babel, but babel is throwing me this weird duplicate function names all over my app.
The error in Chrome is: ReferenceError: changeScale is not defined
The original code:
changeScale = function(value) {
if (value >= 1000000) return value/1000000 + 'M';
if (value >= 1000) return value/1000 + 'k';
return value;
};
The code after gulp and babel:
changeScale = function changeScale(value) {
if (value >= 1000000) return value / 1000000 + 'M';
if (value >= 1000) return value / 1000 + 'k';
return value;
};
Notice the duplicate function name?
My gulp task:
var gulp = require('gulp');
var gutil = require('gulp-util');
var bower = require('bower');
var babel = require("gulp-babel");
var concat = require('gulp-concat');
gulp.task('js', function() {
gulp.src('./www/app/**/*.js')
.pipe(babel())
.pipe(concat('app.js')).on('error', errorHandler)
.pipe(gulp.dest('./www/js/'));
});
And my .babelrc file: { "presets": ["es2015"] }