0

我有一个名为 的 CommonJS 模块，inner.js它定义了一个函数，然后将该函数导出为整个模块：

// inner.js, a legacy CommonJS module
var foo = function() { return 42; };
module.exports = foo;

在 Node 中，我可以很容易地验证它是否按原样工作。

> var inner = require('./inner.js');
> inner() // prints 42

但这是我想从 ES6 模块中使用的遗留模块，称为outer.js：

// outer.js, an ES6 module
import * as inner from "./inner.js";
export function bar() { return inner(); }

我看到这在这些情况下很常用，但是当 CommonJS模块将函数导出为整个模块rollup-plugin-commonjs时，我无法让它工作。inner.js如果在运行汇总并将结果转储到 之后loadme.js，我尝试运行加载 ES6 外部模块并尝试调用内部 CommonJS 模块中最初定义的函数，我会收到错误消息：

> var outer = require('./loadme.js')
undefined
> outer.bar()
TypeError: inner$2 is not a function
    at Object.bar (/.../so-rollup-question/loadme.js:27:25)

我想我只是未能正确加载 CommonJS 模块，以使模块本身作为一个函数运行。我对 UMD 不够熟悉，无法从检查汇总输出中获得任何有意义的东西。

这篇文章的其余部分是关于一个最小的例子。

这是我的非常简单的index.js：

// index.js
export {bar} from "./outer.js";

这是由我的汇总配置读取的：

// rollup.config.js
import npm from "rollup-plugin-node-resolve";
import commonjs from 'rollup-plugin-commonjs';

export default {
  entry : "index.js",
  format : "umd",
  moduleName : "sphereModule",
  plugins : [ npm({jsnext : true}), commonjs() ],
  dest : "loadme.js"
};

我有一个完整的可克隆存储库来演示该问题。

4

1 回答 1

4

直接赋值module.exports基本上相当于有一个默认导出。因此，按如下方式导入模块应该可以工作：

import inner from "./inner.js";
于 2016-08-18T04:21:29.107 回答