Ich verwende derzeit ES6 in einer React-App über Webpack / Babel. Ich verwende Indexdateien, um alle Komponenten eines Moduls zu sammeln und zu exportieren. Das sieht leider so aus:

import Comp1_ from './Comp1.jsx';
import Comp2_ from './Comp2.jsx';
import Comp3_ from './Comp3.jsx';

export const Comp1 = Comp1_;
export const Comp2 = Comp2_;
export const Comp3 = Comp3_;

So kann ich es schön von anderen Orten wie diesem importieren:

import { Comp1, Comp2, Comp3 } from './components';

Offensichtlich ist das keine sehr schöne Lösung, also habe ich mich gefragt, ob es einen anderen Weg gibt. Ich kann die importierte Komponente anscheinend nicht direkt exportieren.

Sie können den Standardimport problemlos erneut exportieren:

export {default as Comp1} from './Comp1.jsx';
export {default as Comp2} from './Comp2.jsx';
export {default as Comp3} from './Comp3.jsx';

Es gibt auch einen Vorschlag für ES7 ES8 , mit dem Sie schreiben können export Comp1 from '…';.

Denken Sie auch daran, dass Sie mehrere Funktionen gleichzeitig exportieren müssen, z. B. Aktionen, die Sie verwenden können

export * from './XThingActions';

Zu spät, aber ich möchte mitteilen, wie ich es löse.

Eine modelDatei mit zwei benannten Exporten haben:

export { Schema, Model };

und mit einer controllerDatei, die den Standardexport hat:

export default Controller;

Ich habe die indexDatei folgendermaßen belichtet :

import { Schema, Model } from './model';
import Controller from './controller';

export { Schema, Model, Controller };

und unter der Annahme, dass ich alle importieren möchte:

import { Schema, Model, Controller } from '../../path/';

Einfach:

// Default export (recommended)
export {default} from './MyClass' 

// Default export with alias
export {default as d1} from './MyClass' 

// In >ES7, it could be
export * from './MyClass'

// In >ES7, with alias
export * as d1 from './MyClass'

Oder nach Funktionsnamen:

// export by function names
export { funcName1, funcName2, …} from './MyClass'

// export by aliases
export { funcName1 as f1, funcName2 as f2, …} from './MyClass'

Weitere Informationen: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export

Installation @babel/plugin-proposal-export-default-fromüber:

yarn add -D @babel/plugin-proposal-export-default-from

In Ihrem .babelrc.jsonoder einem der Konfigurationsdateitypen

module.exports = {
  //...
  plugins: [
     '@babel/plugin-proposal-export-default-from'
  ]
  //...
}

Jetzt können Sie exportdirekt von einem file-path:

export Foo from './components/Foo'
export Bar from './components/Bar'

Viel Glück...