Babel no transpila el código...

Buenas ya tuve problemas en la primera vuelta que di al curso y sigo con problemas en la segunda.

Probando en Safari no acepta las arrow function que se generan en el app.js, por la línea 9809.

Bien, tengo babel en el package.json y probe varias formas de ponerlo en Gulpfile.js, siguiendo comentarios de compañeros.

Dejo la forma en que lo tengo y si pueden ayudarme a resolver el problema, a ver si no tengo que empezar de nuevo el curso por si omiti algun detalle de Sacha en alguna clase.

Gracias.

// Archivo Gulpfile.js
let gulp = require('gulp');
let sass = require('gulp-sass');
let rename = require('gulp-rename');
let babel = require('babelify');
let browserify = require('browserify');
let source = require('vinyl-source-stream')
let watchify = require('watchify');

gulp.task('styles', function () {
  gulp
    .src('index.scss')
    .pipe(sass())
    .pipe(rename('app.css'))
    .pipe(gulp.dest('public'));
})

gulp.task('assets', function () {
  gulp
    .src('assets/*')
    .pipe(gulp.dest('public'));
})

function compile(watch) {
  let bundle = watchify(browserify('./src/index.js', {debug: true}));

  function rebundle() {
    bundle
      .transform(babel, { presets: ['env'] })
      .bundle()
      .on('error', function (err) { console.log(err); this.emit('end') })
      .pipe(source('index.js'))
      .pipe(rename('app.js'))
      .pipe(gulp.dest('public'));
  }

  if (watch) {
    bundle.on('update', function () {
      console.log('--> Bundling...');
      rebundle();
    });
  }

  rebundle();
}

gulp.task('build', function () {
  return compile();
});

gulp.task('watch',  function () { return compile(true); })

gulp.task('default', ['styles', 'assets', 'build'])

// package.json

{
  "name": "michaelgram",
  "version": "0.1.0",
  "description": "Programa para compartir fotos con tus amigos",
  "main": "server.js",
  "keywords": [
    "Curso",
    "definitivo",
    "de",
    "javascript",
    "de",
    "Platzi"
  ],
  "author": "Miguel Espeso <miguelestabaenlaparra@gmail.com> (https://webapplicationdeveloper.es)",
  "license": "MIT",
  "dependencies": {
    "empty-element": "^1.0.0",
    "express": "^4.16.3",
    "intl-relativeformat": "^2.1.0",
    "materialize-css": "^0.100.2",
    "moment": "^2.22.1",
    "page": "^1.8.6",
    "pug": "^2.0.3",
    "title": "^3.2.0",
    "vinyl-source-stream": "^2.0.0",
    "yo-yo": "^1.4.1"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.4",
    "babel-preset-env": "^1.6.1",
    "babelify": "^8.0.0",
    "browserify": "^16.2.0",
    "gulp": "^3.9.1",
    "gulp-rename": "^1.2.2",
    "gulp-sass": "^4.0.1",
    "watchify": "^3.11.0",
    "webpack": "^2.7.0"
  },
  "scripts": {
    "build": "gulp",
    "start": "concurrently \"gulp watch\" \"node server.js\""
  }
}