將舊的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（在解釋標記之後）。