有没有办法将JS文件作为ES6模块进行动态加载?(例如$ .getScript)

Question

我想动态加载javascript，因此我广泛使用jQuery ajax调用来为此。问题是，我想加载一些动态称为.js文件为ES6模块。为此，我需要在HTML主体中的脚本标签调用中添加type="module"。由于我正在使用jQuery调用.js文件，因此如何将type="module"行为传递给AJAX调用？

这是我在动态获取文件中使用ES6导入语法时得到的例外：

" unduarking syntaxerror：意外的标识符"

这是我的Ajax同步呼叫以获取.js文件：

jQuery.loadScriptSync = function (url, callback) {
    jQuery.ajax({
        url: url,
        dataType: 'script',
        success: callback,
        async: false
    });
};

我想知道是否有内置的jQuery方法或库。

谢谢。

Answer 1

如果要动态加载JS文件，则可以使用dynamic imports：

import('yourFile').then(() => ...)

WebPack页面上有关它的一些信息