ES6 global import

javascript module ecmascript-6 ecmascript-harmony
Victor Marchuk picture Victor Marchuk · May 31, 2015 · Viewed 11.1k times · Source

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

loganfsmyth picture loganfsmyth · Jun 1, 2015

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.

Related questions

Import existing library with JavaScript ES6 Modules

How can an existing library be loaded and run using JavaScript's ES6 Modules? For example, suppose I need to load an existing polyfill: import {poly} from "thirdParty/poly"; How can I run the imported poly script and load its properties …

Read More
Export multiple classes in ES6 modules

I'm trying to create a module that exports multiple ES6 classes. Let's say I have the following directory structure: my/ └── module/ ├── Foo.js ├── Bar.js └── index.js Foo.js and Bar.js each export a default ES6 class: // Foo.js …

Read More
How can I conditionally import an ES6 module?

I need to do something like: if (condition) { import something from 'something'; } // ... if (something) { something.doStuff(); } The above code does not compile; it throws SyntaxError: ... 'import' and 'export' may only appear at the top level. I tried using System.import …

Read More