javascript - 将旧的 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';

exports-loader 需要知道如何访问全局范围内的模块(tracking.js 将其自身分配给 window.tracking)。在这里，您告诉它使用带有参数tracking(在查询问号之后)的导出加载器来加载模块tracking(在解释标记之后)。