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})