Web-Worker 导入的脚本可以反过来导入另一个脚本吗？

Question

网络工作者使用的脚本模式https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers是：

• webworker.js

   importScripts('./parent.js')

• parent.js

   import { PerfManager} from "./child.js";

child.js导入结果：

未捕获的语法错误：无法在模块外使用导入语句

有什么办法来实现内的进口parent.js被使用时webworker.js ？

Answer 1

您可以启动一个 模块 Worker （目前仅在基于 Blink 的浏览器中可用）。

const worker = new Worker("worker.js", { type: "module" });

然后，您将直接从这个工作脚本import parent.js ，而不是importScripts ，这将能够导入任何依赖项。

由于 StackSnippets 在源自 null 的 iframe 中，我必须将演示外包给这个plnkr 。

---

请注意，在这些浏览器中，即使在非模块 Worker 中，您甚至可以使用parent.js 中的动态import()语句： plnkr ，但这在不支持模块 Workers 的浏览器中仍然不起作用。
对于这些，您只需要使用非模块脚本，并在整个链中使用importScripts及其全局变量： plnkr 。