In ES6 ist es möglich, den folgenden Code zu kürzen. Ich habe eine App.jsDatei und eine index.js.

index.js

import App from './App';

export default App;

Etwas wie das

index.js

export default App from './App.js'

Wenn Sie das proposal-export-default-fromBabel-Plugin verwenden (das Teil der stage-1Voreinstellung ist ), können Sie die Standardeinstellungen mit dem folgenden Code erneut exportieren:

export default from "./App.js"

Weitere Informationen finden Sie im ECMAScript-Vorschlag .

Ein anderer Weg (ohne dieses Plugin) ist:

export { default } from "./App.js"

import App from './App';

export default App;

⬇

Babel 7 (mit @babel/preset-react) kann Folgendes transformieren:

export { default as App } from './App.js';

Verwandte Diskussionen:

• TC39-Vorschlag: https://github.com/tc39/proposal-export-default-from#common-concerns

Dies ist eine Wiederholung der vorherigen Antworten, um den Unterschied zwischen zwei Optionen zu verdeutlichen:

1. Standardexport

(Dies scheint das zu sein, was OP will)

export { default } from './App'

// in a different file
import App from './index'

2. benannter Export

export { default as App } from './App'

// in another file
import { App } from './index'

Diese arbeiten mit reactals Vsync der Antwort Staaten.