rollup - 使用汇总 js 将多个 es6 类组合成单个库

Question

如何使用 rollupjs 以 UMD 格式组合导入a.js和b.js导出？bundle.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.jsand一起b.js，有一个main.js看起来像这样的：

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

export default {
  A,
  B,
};

然后rollup.config.js用input: path/main.js.