javascript - 导出为默认的多个导入模块

Question

如何将多个导入模块导出为默认值？

我可以像下面的代码那样做一些事情，但是如果我要导入多个文件，样板文件可能会快速增长。有没有一种简便的方法来实现这一目标？

import Foo from './Foo'
import Bar from './Bar'
//...

export default {
    Foo,
    Bar
    //...
}

请注意，在我上面的代码中，我没有导出多个值。我正在导入多个值，累积它们，然后将它们导出为单个对象。我打算通过 Baz.Foo 或 Baz.Bar 引用重新导出的值，假设上面的代码是 Baz.js。

Answer 1

您可以这样做，而不是通过导入大量文件来积累样板文件以简单地重新导出它们:

// In library.js
export { default as Foo } from "./Foo.js";
export { default as Bar } from "./Bar.js";

// In new_file.js
import { Foo, Bar } from "../lib/library.js"
var phooey = new Foo();

这会选择您要导出的任何内容作为默认值并为其指定一个别名。