webpack - 如何在我的组件 VUE 2 (webpack) 中加载外部 js 文件？

Question

我已经看过了，但没有找到。我有一个来自外部 js 文件的 url，我正在导入我的 index.html。应用程序启动时正在加载文件。

但是，用户不会经常使用这些功能；我只想在调用特定组件时上传此文件。

我正在使用带有模板 webpack 的 vue cli (vue 2)。

我试过类似的方法:

import * as PagSeguroDirectPayment from 'https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js';

required('https://stc.sandbox.pagseguro.uol.com.br/pagseguro/api/v2/checkout/pagseguro.directpayment.js');

而且它们不工作。

需要上传此文件才能使用支付网关。谁能帮帮我？

Answer 1

与其在 index.html 中使用它，不如创建一个单独的 js 文件并从链接中复制脚本。在js文件中导出需要的方法，在需要的组件中导入。