是否可以在使用 Web Worker 的 nx 工作区中创建 Angular 库？

问题描述

我想在我的 nx 工作区中创建一个在内部使用网络工作者的 Angular 库。

例如Angular 库包含

• 一个名为 FibonacciModule 的 Angular 模块

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FibonacciService } from './fibonacci.service';

@NgModule({
  imports: [CommonModule],providers: [FibonacciService],})
export class FibonacciModule {}

• 名为 FibonacciService 的 Angular 服务

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',})
export class FibonacciService {
  private worker: Worker;

  constructor() {
    this.worker = new Worker('./lib.worker',{ type: 'module' });
    this.worker.onmessage = () => {
      // ...
    };
  }
  calculate(num: number) {
    this.worker.postMessage(num);
    // ...
  }
}

• 一个网络工作者包含一个 lib.worker.ts 和一个 fibonacci.ts

如果我通过 Angular 原理图创建一个新的 web worker，angular.json 会更新为一个新属性 "webWorkerTsConfig": "apps/my-app/tsconfig.worker.json"。

但是如果我将此属性添加到角度库中，则会出现错误。 是否可以在 NX 工作区中使用带有 Angular 库的 Web Worker？在我看来，将 Web Worker 封装在库中是有意义的。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）