javascript - 在 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-from Babel plugin (这是 stage-1 preset 的一部分)，您将能够使用以下代码重新导出默认值:

export default from "./App.js"

有关详细信息，请参阅 the ECMAScript proposal .

---

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

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

---

上面是一个非常常见的做法，当单独的文件，每个文件都有自己的export，有一些共同的东西，例如，utils，所以如果，例如，人们会想要导入 3 个实用程序 函数，而不是必须编写多个导入:

import util_a from 'utils/util_a' 
import util_b from 'utils/util_b' 
import util_c from 'utils/util_c' 

可以在一行中导入任何实用程序:

import { util_a, util_b , util_c } from 'utils' 

通过在 /utils 文件夹中创建一个 index.js 文件并导入那里所有实用程序的所有默认值并重新导出，所以 index 文件将作为与该文件夹相关的所有导入的“网关”。