Javascript 将多个导入的模块导出为默认值

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

我可以像下面的代码那样做，但是如果我要导入多个文件，样板文件可能会快速增长。有没有一种速记方法可以做到这一点

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

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

---

注意，在上面的代码中，我没有导出多个值。我正在导入多个值，累加它们，然后将它们作为单个对象导出。我打算通过

Baz.Foo

或

Baz.Bar

引用重新导出的值，假设上面的代码是

Baz.js

，

导出默认值

不用于多次导出：

如果我们希望导出单个值或为您的模块设置回退值，您可以使用默认导出

您应该使用如下命名导出：

export {
    Foo,
    Bar
    //...
}

---

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

// 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();

---

这将选择要导出为默认值的内容，并为其提供别名。

在es6中，有两种类型的导出命名为和默认导出

由于要导出默认值，请将所有模块分配给如下对象

Const modules = {Foo,  Bar }
export default modules;

Import modules from 'path/yourfiles'
modules.Foo.xxx
modules.Bar.xxx

然后在其他文件中使用如下所示

Const modules = {Foo,  Bar }
export default modules;

Import modules from 'path/yourfiles'
modules.Foo.xxx
modules.Bar.xxx

这将非常适合您的应用程序。 当您想要访问对象时，可以使用

name.object = ...;

---

如果正确，请告诉我。

在上面的代码中，我没有导出多个值。我正在导入多个值，累加它们，然后将它们作为单个对象导出。我的意图是通过

Baz.Foo

或

Baz.Bar

引用重新导出的值，假设上面的代码是

Baz.js

，然后将导入分组到一个对象中，并将该对象作为默认值导出。这就是我所做的。我只是没有给那个对象一个标识符。例如，

consttobeexported={Foo，Bar}；export default to beexported

这就是我打算如何使用重新导出的模块。但是，在

library.js

中，导入/导出代码仍然必须重复两次。我的问题是是否有更简单的方法，例如，

导出默认值{Foo from./Foo'，Bar'from./Bar'}

我更新了我的答案。对不起，我最初误解了！在我的新示例中，导入/导出代码不会重复两次。请阅读本页：终于找到了一种使用默认导出的速记方法。我现在正在应用程序中使用它：）