javascript - 从 ES6 模块导入旧版 js 代码

Question

我使用 babel.js 并在我的代码中有一个新模块 foo

foo.js：

export function foo(number) {
    return number + 42;
}

还有一堆大的旧文件，其中的一切都是全球性的。我需要从该遗留代码中调用一个 foo 函数。

bar.js：

 ...
 var result = foo(0); 
 ...

但我不能只导入 foo 因为我的 bar.js 将是一个模块，并且无法从其他旧代码中获取。有没有办法导入模块并保留我的 bar.js 全局？

Answer 1

我最近有一个类似的问题。我最终window用遗留代码中需要的一切污染了对象。

register.js为此，我创建了单独的模块并将其包含在我的 webpack 构建中：

import ClassA from './ClassA'
import ClassB from './ClassB'
import * as utils from './utils'

Object.assign(window, utils)
Object.assign(window, {ClassA, ClassB})