2015-05-31 3 views
9

Was ist der beste Weg, um einige Module in allen Dateien des Projekts zu importieren, so dass ich nicht über Dinge schreiben wie:ES6 globalen Import

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

in fast jeder einzelnen Datei?

Antwort

7

Die andere Antwort deckt dies ab, aber nicht mit gültiger ES6, also füge ich meine eigene hinzu. eine zentrale Datei Machen Sie auf Ihre Komponenten reagieren zu importieren, in einem zentralen react.js Datei

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

dann in den Dateien, in denen Sie diese drei verwenden müssen, könnten Sie tun

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

allen drei importieren in Ihre Komponentendatei.

+0

Gute Lösung. Sie haben auch die Möglichkeit, alles zu importieren (zum Beispiel könnten Sie, wenn Sie nur das benötigten, "import {React, Reflux}" von ./react '; ') –

5

Erstellen Sie eine "Basis", die gemeinsame Importe deklariert, dann können Sie diese eine Datei importieren.

+1

Können Sie mir bitte ein Beispiel zeigen? –

+2

@ user860478: Diese Datei wäre so etwas wie 'Import Reagieren von' Reagieren '; Import Reflux von "Reflux"; Exportieren Sie {React, Reflux} 'und Sie würden es überall als' import {React, Reflux} von 'path/to/base' verwenden. –