title: Can't make object imports in ES6 modules work with Gulp, Browserify and Babelify
body: <p>I really enjoy ES6 modules but I'm having a hard time making them fully work with Browserify and enhanced object literals.</p>
  
  <p>I've created a reduced test case to sum up my issue.</p>
  
  <p>Here is the gulpfile:</p>
  
  <pre><code>var gulp = require('gulp');
  var babelify = require('babelify');
  var browserify = require('browserify');
  var buffer = require('vinyl-buffer');
  var source = require('vinyl-source-stream');
  
  gulp.task('scripts', function() {
    var b = browserify({
      entries: 'main.js',
      debug: true
    })
    .transform(babelify)
  
    return b.bundle()
    .pipe(source('bundle.js'))
    .pipe(buffer())
    .pipe(gulp.dest('./'));
  });
  
  gulp.task('default', ['scripts']);
  </code></pre>
  
  <p>Its goal is to transform ES6 modules with Browserify and transpile ES6 to ES5.</p>
  
  <p>Now, I have no issue with basic imports, but I can't make it work with object imports. Let's say I have those two files:</p>
  
  <p>utils.js</p>
  
  <pre><code>let utils = {
    sayHi() {
      console.log('hi');
    }
  }
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>import utils from './utils';
  
  utils.sayHi();
  </code></pre>
  
  <p>This will fire an error: <code>Uncaught TypeError: _utils2.default.sayHi is not a function</code></p>
  
  <p>And at this point I can't find any decent workaround. Any help would be greatly appreciated!</p>