使用 rollup js 将多个 es6 类合并到单个库中

Question

如何使用 rollupjs 以 UMD 格式合并导入a.js和导出？b.jsbundle.js

这是示例：

//a.js
export default class A {
...
}

//b.js
export default class B {
...
}

我的当前rollup.config.js是：

export default [
  {
    input: ["path/a.js", "path/b.js"],
    output: {
      file: "path/bundle.js",
      format: "umd",
      name: "Bundle"
    },
    plugins: [
      // list of plugins
    ]
  }
}

然而，这并没有按预期工作。

这个配置有什么问题吗？

感谢您的帮助。

Answer 1

您需要一个文件将它们连接在一起。因此，与a.js和 一起b.js，有一个main.js看起来像这样的：

import A from './a';
import B from './b';

export default {
  A,
  B,
};

然后更新你rollup.config.js的input: path/main.js.