Блог

Шаблон для скрипта, используемого веб-работником 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 импорта является:

Неперехваченная ошибка синтаксиса: невозможно использовать оператор import вне модуля

Есть ли какой-либо способ реализовать импорт в parent.js when used by webworker.js ?

Вы можете запустить рабочий модуль (в настоящее время доступен только в браузерах на основе Blink).

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

Тогда вместо importScripts вас будет напрямую import parent.js из этого рабочего скрипта, который, в свою очередь, сможет импортировать любую зависимость.

Поскольку пакеты стеков находятся в фреймах с нулевым исходным кодом, я должен передать демонстрацию на аутсорсинг этому plnkr.

Обратите внимание, что в этих браузерах вы даже можете использовать динамический import() оператор из parent.js даже в немодульном рабочем: plnkr, но это все равно не будет работать в браузерах, которые не поддерживают рабочие модули.
Для этого вам нужно использовать только немодульные скрипты и использовать importScripts и его глобальные переменные по всей цепочке: plnkr.