我正在尝试创建一个导出多个ES6类的模块 . 假设我有以下目录结构:
my/
└── module/
├── Foo.js
├── Bar.js
└── index.js
Foo.js
和 Bar.js
每个导出一个默认的ES6类:
// Foo.js
export default class Foo {
// class definition
}
// Bar.js
export default class Bar {
// class definition
}
我目前的 index.js
设置如下:
import Foo from './Foo';
import Bar from './Bar';
export default {
Foo,
Bar,
}
但是,我无法导入 . 我希望能够做到这一点,但找不到类:
import {Foo, Bar} from 'my/module';
在ES6模块中导出多个类的正确方法是什么?
5 回答
在您的代码中尝试此操作:
顺便说一下,你也可以这样做:
使用
export
与
export default
的区别是你可以导出的东西,并在你导入它的地方应用名称
希望这可以帮助:
@webdeb 's answer didn' t为我工作,我在使用Babel编译ES6时遇到
unexpected token
错误,执行命名的默认导出 .然而,这对我有用:
要导出类的实例,可以使用以下语法: