Web Worker in Angular Library

Question

I'm developing an angular library that perform strong computation operations. So I was interested in implementing the web worker in order to have a better user experience and let the complex operations run on the background.

My problem is that when I run the command ng g web-worker with Angular CLI 8, the output is Web Worker requires a project type of "application". Does anyone has suggestion on how to proceed for implementing web worker in my library?

Answer 1

Per se a library should just provide its users with functionalities. It is up to the developer to decide how to use them: in a web page main context, in a web worker or in a server side rendering pipeline. So there is no direct easy way to do what you ask. The correct way would be to create your libraries and then a separate project with for example

ng new --create-application false workername

and then configure webpack directly in order to obtain a minified bundle which uses your libraries. If you really want to bundle the webworker inside your library, you may try to inline it (see). It also will require you to mess with webpack in order to create the minified result and embed it as a Blob in your bundle.

Have a look at the following links, useful in both cases:

https://github.com/webpack-contrib/worker-loader

https://github.com/GoogleChromeLabs/worker-plugin

https://www.npmjs.com/package/webworkify-webpack?activeTab=readme