angular - 是否可以在使用网络工作者的 nx 工作区中创建 Angular 库？

Question

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

例如 Angular 库包含

• 一个叫做 Angular 的模块FibonacciModule

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

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

• 一个叫做 Angular 的服务FibonacciService

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 原理图创建一个新的网络工作者，则 angular.json 会使用新属性进行更新 "webWorkerTsConfig": "apps/my-app/tsconfig.worker.json"。

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

标签： angularweb-workernrwl-nxnrwl