像这种AMD形式的依赖库如何使用Vue加载？

Question

库大概像这样

if (typeof Paho === "undefined") {
    Paho = {};
}

Paho.MQTT = (function (global) {
    ......
    ......
    return {
        Client: Client,
        Message: Message
    };
})(window);

需要在代码里面这样使用:

var client=new Paho.MQTT.Client({...});

我尝试过直接使用import导入，或者使用expose-loader导入，得到的结果都是一样的

Uncaught ReferenceError: Paho is not defined

怎么解决这个问题？求个思路或者链接

Answer 1

在 webpack 配置里设置 externals 就可以了，具体参见 webpack 官方文档

Answer 2

库的最下面加上：module.exports = exports = Paho

然后引用的时候就正常的import Paho from 'xxxx'就行了

Answer 3

内部需要 export Paho,外部才能 import Paho