是否可以从 javascript 或 es6 中的 CDN 要求或导入资源 [关闭]

Question

关闭。 这个问题需要更加集中。 它目前不接受答案。

---

想改进这个问题？ 更新问题，使其仅通过编辑此帖子专注于一个问题。

7 个月前关闭。

改进这个问题

使用 svelte 编译器从合成文件（字符串）生成代码。 这里的 output 也是一个字符串，但它添加了来自 svelte 本身的导入语句。 我需要从生成的代码中删除所有这些导入语句，但我还需要获取这些导入语句并以我可以从 cdn 导入/需要的方式添加它们。

我打算将这些导入语句解析为：

import { SvelteComponent, append, etc. } from "svelte/internal";

并将其替换为：

const { SvelteComponent, append, etc. } = svelte.internal;

我最初的想法是，如果我可以将代码内联添加到 js 模块中，以从纯 js / es6 中的 cdn 导入/需要脚本（在本例中为 svelte）。 该项目是用反应编写的，我已经编写了自己的用于动态加载脚本的钩子，但我认为需要将其添加到 iframe 的 window 中。 但是回想一下模块的工作原理，我相信将脚本添加到父 window 也可以。 所以我的问题是，如何将来自 cdn 的脚本导入添加到我的 javascript 模块中？

Answer 1

答案取决于宿主环境。 对于浏览器，答案是肯定的（假设您正在导入的资源与正在导入的资源兼容）。 （相比之下，对于 Node.js，答案是否定的，至少目前是这样。）这两个环境中的模块说明符都可以是完整的 URL。 请注意，通过import加载的模块脚本受同源策略的约束，因此另一端必须为它们提供适当的 CORS 标头以允许您的站点使用它们。 （CDN 通常会这样做。）

这是一个浏览器示例，导入 Vue.js 的 JavaScript 模块版本：

 <script type="module"> import {version} from "https://cdnjs.cloudflare.com/ajax/libs/vue/3.0.5/vue.esm-browser.js"; console.log(version); </script>