在ES 6模块中重新导出默认值

Question

在ES6中,是否可以缩短以下代码.我有一个App.js文件和一个index.js.

index.js

import App from './App';

export default App;

像这样的东西

index.js

export default App from './App.js'

Answer 1

如果您使用proposal-export-default-fromBabel插件(这是stage-1预设的一部分),您将能够使用以下代码重新导出默认值:

export default from "./App.js"

有关更多信息,请参阅ECMAScript提案.

另一种方式(没有这个插件)是:

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

Answer 2

这是对先前答案的一些重复，但要澄清两个选项的区别：

1.默认导出

（这似乎是 OP 想要的）

export { default } from './App'

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

2.命名导出

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

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

这些将与reactvsync 的回答状态一起使用。

Answer 3

import App from './App';

export default App;

?

Babel 7 (with @babel/preset-react) 可以转换以下内容：

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

相关讨论：

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

Answer 4

唯一有效的解决方案是：

import App from './App';

export default App;

如果你像这样导出你的模块

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

那么它就不再是默认导出，如果您尝试将其作为默认导入导入，您将收到错误消息。