Is it possible to do multiple class imports with ES6/Babel?
<p>I'm working on a react project (my first) and I've recently restructured my folder structure to make a bit more sense.</p>

<p>To make my life easier, within my component folders, I have an <code>index.js</code> file which looks like the following:</p>

<pre><code>export * from './App';
export * from './Home';
export * from './PageWrapper';
</code></pre>

<p>(The idea was lifted from another <a href="https://stackoverflow.com/questions/29722270/import-modules-from-files-in-directory" title="SO - import modules from files in directory">StackOverflow Question</a>)</p>

<p>In this case each of the files this index points to have a singular class export.</p>

<p>Now in my main application, I try and do something like:</p>

<pre><code>import {Home, App} from './containers/index';
//or
import Home from './containers/index';
</code></pre>

<p>Nothing works. I've found that if I separate them all out into individual lines pointing directly at the correct file, it works.</p>

<pre><code>import Home from './containers/Home';
import App from './containers/App';
</code></pre>

<p>So is it possible to import multiple classes the way I'm doing it, and I'm just not seeing it? Do I perhaps need to name them all (<code>App as App</code>)? Or is this simply an enforced limitation?</p>