Is it possible to do multiple class imports with ES6/Babel?

You can export like this:

import App from './App';
import Home from './Home';
import PageWrapper from './PageWrapper';

export {
    App,
    Home,
    PageWrapper
}

Then, you can import like this wherever you need it:

import { App, PageWrapper } from './index' //or similar filename

...

You can read more about import and export here. I also answered a similar question here.


I use export that looks something like this. In react it worked well

export {default as PublicRoute} from './PublicRoute';
export {default as PrivateRoute} from './PrivateRoute';

Then, you can import like this wherever you need:

import {PublicRoute, PrivateRoute} from './config/router';
...