導出npm庫模塊的所有類

Question

我是JS基礎架構的新手，我正在嘗試理解npm模塊。 我正在創建包含多個類的JavaScript npm模塊。 我們稱之為Foo和Bar ， Foo類位於./src/foo.js文件中，而Bar類位於./src/bar.js ：

// ./src/foo.js
export default class Foo {}

和

// ./src/bar.js
export default class Bar {}

另外，我有./src/index.js ，我想導出Foo和Bar ，以便從其他模塊訪問它：

import Foo from './foo.js';
import Bar from './bar.js';

我想要的是將我的模塊命名為foobar ，然后將其發布到npmjs ，然后使用npm install --save foobar從其他模塊安裝它，並從foobar模塊導入Foo和Bar ：

import {Foo, Bar} from 'foobar';
var foo = new Foo();
var bar = new Bar();

我應該怎么做index.js文件全局導出Foo和Bar （在模塊級別）才能從其他模塊導入它？

Answer 1

正如@Federkun所指出的，您可以使用以下語法：

import Foo from './foo.js'
import Bar from './bar.js'

export { Foo, Bar }

使用ECMAScript 6 Object Literal屬性值簡寫 ，上面的代碼等效於以下內容：

import Foo from './foo.js'
import Bar from './bar.js'

export { Foo: Foo, Bar: Bar }

Answer 2

在index.js您應該將要公開的內容導出到包的客戶端。

import Foo from './foo.js'
import Bar from './bar.js'

export { Foo, Bar }