ES6 global import

Question

What is the best way to import some modules in all of the files of the project, so I don't have to write stuff like:

import React from 'react';
import Reflux from 'reflux';
import reactMixin from 'react-mixin';

in almost every single file?

Answer 1

The other answer covers this, but not with valid ES6, so I'm adding my own. Make a central file to import your react components, in some central react.js file

export {default as React} from 'react';
export {default as Reflux} from 'reflux';
export {default as reactMixin} from 'react-mixin';

Then in the files where you need to use these three, you could do

import {React, Reflux, reactMixin} from './react';

to import all three into your component file.

Answer 2

Create a "base" that declares common imports, then you can import that one file.