web worker (non service) in gatsby

[pelikhan]

Is there a guidance document on integrating (classic) web workers into Gatsby? e.g. not adding those to the service worker.

I have a webworker javascript file fully bundled (using microbundle, thanks for the tip) that i would like to integrate into a Gatsby site. Following the webpack 5.0 syntax guide (https://webpack.js.org/guides/web-workers/), I am trying to start it as follow:

        var worker =
            typeof Window !== "undefined" &&
            new Worker(
                new URL(
                    "./worker.js",
                    import.meta.url
                )
            )

However I must be missing some magic because it seems that the worker gets loaded into the main page or something is wrong with the fast-refresh-reload module.

src_workers_dist_jacdac-docs-workers_js.js:123 Uncaught ReferenceError: window is not defined
    at eval (fast-refresh-module.js:10)
    at Object../node_modules/gatsby/dist/utils/fast-refresh-module.js (src_workers_dist_jacdac-docs-workers_js.js:39)
    at Object.options.factory (src_workers_dist_jacdac-docs-workers_js.js:555)
    at __webpack_require__ (src_workers_dist_jacdac-docs-workers_js.js:120)
    at fn (src_workers_dist_jacdac-docs-workers_js.js:235)
    at eval (jacdac-docs-workers.js:2)
    at Object../src/workers/dist/jacdac-docs-workers.js (src_workers_dist_jacdac-docs-workers_js.js:28)
    at Object.options.factory (src_workers_dist_jacdac-docs-workers_js.js:555)
    at __webpack_require__ (src_workers_dist_jacdac-docs-workers_js.js:120)
    at src_workers_dist_jacdac-docs-workers_js.js:1169

[pelikhan]

Moving the bundles from ./dist to ./dist/node_modules allowed to bypass the fast-refresh module and fix this issue.