Электронная многопоточность webpack-dev-server

Я хочу лучше понять, как приблизиться к моей желаемой цели. Создание электронного приложения, которое будет выполнять задачи, интенсивно использующие процессор. Я хотел бы использовать многопоточный дизайн, используя подход создания скрытого BrowserWindow () для каждой задачи.

В настоящее время я использую для разработки electronic-webpack и webpack-dev-serve. У меня пока ограниченный успех. Каким будет лучший / самый чистый способ иметь следующую архитектуру, работающую как в режиме разработки, так и в режиме производства.

Желаемая архитектура

Сейчас у меня хорошо работают main.js и renderer.js. Теперь я пытаюсь запустить дополнительный браузер Windows, который будет выполнять более интенсивную задачу процессора, но я не уверен, как заставить это работать. Я нашел хороший пример здесь электронной фоновой обработки, но это не связано с использованием electronic-webpack и webpack-dev-serve.

Я думал, что мой src-код будет таким

src/common/task1/
  - task1.html
  - task1.js
src/common/task2/
  - task2.html
  - task2.js

В моем main.js (production) у меня было бы:

let bg = new BrowserWindow({ show: false })
bg.loadURL(url.format({
  pathname:  path.join(__dirname, 'common/task1/task1.html'),
  protocol: 'file',
  slashes: true
}))

в настоящее время я могу видеть общий / *, связанный в моем app.asar. Однако похоже, что он не загружает файл task1.html. У меня установлен BrowserWindow show: true. Итак, я вижу окно и не вижу никаких ошибок. Однако мой тег <h1>, подтверждающий, что HTML загружен, не отображается в окне. Мне не нужен HTML для отображения, потому что окно должно быть скрыто, и я хочу использовать его только для запуска кода javascript, интенсивно использующего процессор.