I have a npm module (<https://www.npmjs.com/package/squarebook>), it is using webpack with babel loader to generate dist/bundle.js from src/index.js then I have specified in my package.json that the main file is index.js (main directory), that main file has the following code:

```
module.exports = require('./dist/bundle');

```

Now I have installed that module via npm (npm install squarebook) in other project where I am using gulp browserify with babel this way:

```
import browserify from 'gulp-browserify';
import babelify from 'babelify';

   gulp.task('build_js', function() {
     return gulp.src('src/js/main.js')
      .pipe(browserify({debug:true}))
      .pipe(gulp.dest('dist/js/'));
   });

```

What this other project has in src/js/main.js is:

```
import guestbook from 'squarebook';

```

I am expecting to be able to use guestbook as my exported function from squarebook package but it is just an empty object with **proto**.

What am I missing or doing wrong?