Replace worker-loader

[swissspidy]

Task Description

This is a follow-up to #6304

In #5792 we experimented with replacing the now deprecated worker-loader with the new recommended approach in webpack v5.

We need to have an inline worker though, so we looked at using it in combination with asset/inline but without much luck.

Needs some tinkering on how to make it work, as there doesn't seem to be any documentation about it. Not to mention that any change must not our Rollup builds either.

Related: #10133

[samwhale]

Some more context for the future:

Was able to get it working by loading from a cdn here. However, getting the blurhash package to be loaded inline would be ideal. Was unable to figure out how to do that, so we went back to using the deprecated worker-loader.

Some possibly helpful threads I came across when implementing:

• webpack 5 web worker support for CORS? webpack/webpack#14648 (comment)

---

Another idea I tried that didn't end up working: move the worker script to its own package, build that with webpack and inline blurhash, then load that in to the main app. The branch where I was testing has some commits that may be helpful:

• 97cc89d
• 0cef385

[swissspidy]

Related: rollup-plugin-web-worker-loader would need an update/replacement too