Trabajador web en biblioteca angular -- angular campo con performance campo con web-worker campo con angular-library camp Relacionados El problema

Web Worker in Angular Library


9
vote

problema

Español

Estoy desarrollando una biblioteca angular que realiza fuertes operaciones de computación. Así que estaba interesado en implementar el trabajador web para tener una mejor experiencia de usuario y dejar que las operaciones complejas se ejecuten en el fondo.

Mi problema es que cuando ejecuto el comando ng g web-worker con CLI angular 8, la salida es Web Worker requires a project type of "application". ¿Alguien tiene sugerencia sobre cómo proceder por implementar el trabajador web en mi biblioteca?

Original en ingles

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?

           

Lista de respuestas

1
 
vote

per se Una biblioteca debe proporcionar a sus usuarios funcionalidades. Depende del desarrollador decidir cómo usarlos: en un contexto principal de una página web, en un trabajador web o en una tubería de renderización lateral del servidor. Así que no hay una forma fácil directa de hacer lo que pides. La forma correcta sería crear sus bibliotecas y luego un proyecto separado con por ejemplo

ng new --create-application false workername

y luego configure WebPack directamente para obtener un paquete minificado que utiliza sus bibliotecas. Si realmente desea agrupar al WebWorker dentro de su biblioteca, puede intentar enlinearlo ( ver ). También requerirá que se metas con la mochila para crear el resultado minicado e incrustarlo como un blob en su paquete.

Eche un vistazo a los siguientes enlaces, útil en ambos casos:

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

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

https://www.npmjs.com/package/webworkify-webpack ? ActiveETAB = README

 

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

 
 
 
 
-1
 
vote

Creo que tiene que agregar la aplicación después de ng generate web-worker ---- & gt; & gt; & gt; & gt; & gt; ng generate web-worker app !

Puedes verlo en este enlace https://angular.io/guide/web-worker < / a>

 

i think you have to add app after ng generate web-worker ----> ng generate web-worker app!

You can see it in this link https://angular.io/guide/web-worker

 
 
 
 

Relacionados problema

0  Error al construir un proyecto de la biblioteca angular usando ng-packagr  ( Error while building angular library project using ng packagr ) 
Estoy usando NX Monorepo y con múltiples aplicaciones angulares y amplificadores; Bibliotecas dentro de él. Ahora, estoy creando una construcción de uno de lo...

0  Las llamadas de función no son compatibles con decoradores NGRX  ( Function calls are not supported in decorators ngrx ) 
Hola gente encuentra muchas quiistas similares aquí, pero no encontró una solución que funcione para mí ( Estoy desarrollando biblioteca para angular y en el...

3  La biblioteca angular no puede incluir la biblioteca de terceros en el paquete  ( Angular library is not able include third party library in the bundle ) 
Mi requisito es crear bibliotecas que tengan su propia visión y de acuerdo con la configuración de un usuario, la biblioteca se recuperará del cubo AWS S3 e i...

7  ¿Puedo tener una biblioteca angular que emite elementos angulares en un solo archivo JS?  ( Can i have angular library that emits angular elements in single js file ) 
Estoy empezando a entrar en los 6 bits angulares, y estoy muy interesado en los elementos angulares, así como los nuevos proyectos de la biblioteca. Tengo un ...

6  ¿Cómo deposito una biblioteca angular 7 en código visual?  ( How do i debug an angular 7 library in visual code ) 
¿Es posible usar el depurador de código Visual Studio para depurar una biblioteca angular que se ha vinculado con NPM Link? Muy específicamente, me pregunto s...

0  Cómo pasar la clave para la opción MAT-Select como Param usando @Input en Angular  ( How to pass the key for the mat select option as param using input in angular ) 
Me gustaría mostrar los valores de las opciones de la opción de la MAT basada en la cadena que se envió desde el componente de padres a hijos utilizando @Inpu...

0  Componentes, clases, servicios, etc  ( Angular library export components classes services etc ) 
Vary varía de un problema similar desde este tema < / a> Pero las soluciones de él no me ayudaron. Así que estoy tratando de exportar Componetns desde mi bib...

0  Importando biblioteca angular personalizada con soporte de TyepScript  ( Importing custom angular library with tyepscript support ) 
He creado una biblioteca angular / iónica personalizada que me gustaría instalar e importarlo en mis otros proyectos. Soy capaz de hacerlo haciendo import ...

6  Importar una biblioteca publicable a otra biblioteca falla angular  ( Importing a publishable library into another library fails angular ) 
Estoy tratando de encontrar una solución para importar libs en angular. Estoy siguiendo este problema abierto en github . No puedo ponerme la cabeza alre...

19  ¿Cuál es la forma correcta de usar un paquete dependiente de NPM en el proyecto de la biblioteca angular 6?  ( What is the proper way to use a dependent npm package in angular 6 library proje ) 
Estoy un poco confundido en cuanto a cómo se supone que me refiero a hacer referencia a los paquetes externos de NPM en el proyecto My Library Angular6. Tenem...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos