将旧的JavaScript代码转换为ES6模块

Question

我试图将旧的JavaScript库转换为ES6兼容模块。 库正在tracking.js（https://github.com/eduardolundgren/tracking.js/blob/master/build/tracking.js），但我所有的结果都以：Cannot read property 'xxx' of undefined

有没有简单的方法来使用这样的模块？我想创建https://trackingjs.com/docs.html#step-2

更新

只是基本的例子，因为有更多的代码的请求。让我带的非工作的例子之一（Vue.js组件的一部分）：

import tracking from 'tracking'; 

export default { 
    created() { 
    const colors = new tracking.ColorTracker(['magenta', 'cyan', 'yellow']); 
    } 
}; 

，误差TypeError: _tracking2.default.ColorTracker is not a constructor

Answer 1

您应该使用exports-loader，没有图书馆的修改是必要的，加载器会在全球范围内的变量，例如：

import * as tracking from 'exports-loader?tracking!tracking'; 

出口装载机需要知道如何访问模块上的全球范围内（tracking.js自身分配给window.tracking）。这里告诉它使用带有参数tracking（在查询问号之后）的exports-loader加载模块tracking（在解释标记之后）。