Search code examples
javascriptmoduleecmascript-6ecmascript-harmony

ES6 global import

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?

Solution

  • 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.