跨源脚本文件的动态导入

Question

我想使用 javascripts 动态导入功能。 但是，当我指定要导入的整个 url 时，出现错误：

Cannot find module 'https://....

我知道资源可用。导入是否仅限于同源脚本文件（因此所有模块都以./开头）？

另一方面，我可以动态创建一个脚本元素并将源设置为任何东西，当它加载时，它的所有函数（不是模块）都在全局范围内。

我想要两者的好处 :) 从交叉来源加载脚本，但将它们保留在模块结构中。

Answer 1

我相信这可能是由于许多打包器无法运行动态导入造成的：

• https://discourse.threejs.org/t/importing-three-dynamically/28751
• https://medium.com/front-end-weekly/webpack-and-dynamic-imports-doing-it-right-72549ff49234
• https://github.com/parcel-bundler/parcel/issues/112
• https://github.com/rollup/rollup/issues/2463
• How to dynamically import a module which name is defined by a param with rollupjs?

好吧，问题不在于捆绑器不支持它们，而是它们的使用对许多人来说有些混乱，从各种回购中打开的票证数量就可以看出这一点。

有一些解决方法，但我认为您可能需要发布详细设置以供我们帮助。

现在，我建议（如果可能）在 if 条件下使用定义的字符串来开始。这并不理想，但您可能会发现自己在兜圈子。如果您提供确切的网址，那可能会有所帮助，但这是一个很好的例子：

function localeDynamicImport (locale) {
  if (lang === 'en') {
    return import('./locales/en.js');
  }

  if (lang === 'zh') {
    return import('./locales/zh.js');
  }
}