2015-05-31 16 views
9

Jaki jest najlepszy sposób na import niektórych modułów we wszystkich plikach projektu, więc nie muszę pisać rzeczy jak:ES6 globalny import

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

niemal w każdym pojedynczym pliku?

Odpowiedz

7

Inna odpowiedź dotyczy tego, ale nie z prawidłowym ES6, więc dodaję własne. Zrób centralny plik zaimportować reagować komponenty, w jakimś centralnym react.js pliku

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

Następnie w plikach, gdzie trzeba korzystać z tych trzech, można zrobić

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

importować wszystkie trzy do twój plik komponentu.

+0

Dobre rozwiązanie. Masz również możliwość importowania wszystkich (na przykład, możesz, jeśli potrzebujesz tylko tego, 'importować {React, Reflux} z './react';') –

5

Utwórz "bazę", która deklaruje wspólne importowanie, a następnie możesz zaimportować ten jeden plik.

+1

Czy możesz pokazać mi przykład? –

+2

@ user860478: Ten plik byłby podobny do 'import React from 'react'; import Reflux z "reflux"; export {React, Reflux} 'i używałbyś go wszędzie jako' import {React, Reflux} from 'path/to/base''. –