Browserify не заменяет токен класса

Question

Я использую следующий gulpfile для компиляции моего кода JavaScript из ES6 в ES5.

var gulp = require('gulp');
var gutil = require('gulp-util');
var cssnano = require('gulp-cssnano');
var autoprefixer = require('gulp-autoprefixer');
var notify = require("gulp-notify");
var sass = require('gulp-sass');
var sourcemaps = require('gulp-sourcemaps');
var source = require('vinyl-source-stream');
var buffer = require('vinyl-buffer');
var browserify = require('browserify');
var watchify = require('watchify');
var babel = require('gulp-babel');
var babelify = require('babelify');
var uglify = require('gulp-uglify');

//...

gulp.task('js', function () {
    return buildScript('index.js', false);
});


function buildScript(file, watch) {

    var props = {
        entries: [folder_source + '/javascript/' + file],
        debug : true,
        transform:  [babelify]
    };

    // watchify() if watch requested, otherwise run browserify() once
    var bundler = watch ? watchify(browserify(props)) : browserify(props);

    function rebundle() {
        var stream = bundler.bundle();
        return stream
            .on('error', handleErrors)
            .pipe(source(file))
            .pipe(gulp.dest(folder_dest + '/javascript/build/'));
    }

    // listen for an update and run rebundle
    bundler.on('update', function() {
        rebundle();
        gutil.log('Rebundle...');
    });

    // run it once the first time buildScript is called
    return rebundle();
}


function handleErrors() {
    var args = Array.prototype.slice.call(arguments);
    notify.onError({
        title: 'Compile Error',
        message: '<%= error.message %>'
    }).apply(this, args);
    this.emit('end'); // Keep gulp from hanging on this task
}

Все работает нормально, пока я не начну использовать ES6.

Пример источника (index.js):

class Car{

}

Пример скомпилирован (app.js):

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
class Car {}

},{}]},{},[1])

Как видите, в скомпилированном файле все еще есть код ES6. Кажется, что babelify не делает свою работу. Я уже пробовал несколько других файлов gulp со всего Интернета, но всегда получал один и тот же результат.

Спасибо!

Answer 1

Благодаря loganfsmyth я смог решить эту проблему, добавив в массив props следующее:

  transform: [[babelify, {presets: ["es2015"]}]]