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

Question

I\'m working on a react project (my first) and I\'ve recently restructured my folder structure to make a bit more sense.

To make my life easier, within my component

Answer 1

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.

Answer 2

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';
...

Answer 3

you can use this method

import * React from 'react'

Answer 4

One can have multiple named exports per file then import the specific exports by surrounding by braces. The name of the imported module has to be the same as the name of the exported module.

import {Something, Somethingelse} from './utility.js'

One can also import all exports as the following:

import * as bundled from './utility.js'