title: Export multiple classes in ES6 modules
body: <p>I'm trying to create a module that exports multiple ES6 classes. Let's say I have the following directory structure:</p>
  
  <pre><code>my/
  └── module/
      ├── Foo.js
      ├── Bar.js
      └── index.js
  </code></pre>
  
  <p><code>Foo.js</code> and <code>Bar.js</code> each export a default ES6 class:</p>
  
  <pre><code>// Foo.js
  export default class Foo {
    // class definition
  }
  
  // Bar.js
  export default class Bar {
    // class definition
  }
  </code></pre>
  
  <p>I currently have my <code>index.js</code> set up like this:</p>
  
  <pre><code>import Foo from './Foo';
  import Bar from './Bar';
  
  export default {
    Foo,
    Bar,
  }
  </code></pre>
  
  <p>However, I am unable to import. I want to be able to do this, but the classes aren't found:</p>
  
  <pre><code>import {Foo, Bar} from 'my/module';
  </code></pre>
  
  <p>What is the correct way to export multiple classes in an ES6 module?</p>