Angular CLI 中的 Web Worker答案

【问题标题】：Web worker in Angular CLIAngular CLI 中的 Web Worker
【发布时间】：2018-02-08 17:35:50
【问题描述】：

我一直在研究 Angular app，它在客户端计算量很大，因此 UI 被阻止。我想在 Angular CLI 项目中使用 Web worker 在一个线程中运行 UI 并在 background thread 中进行大量处理。

有人对

有意见吗？

【问题讨论】：

【解决方案1】：

您可以使用https://www.npmjs.com/package/angular2-web-worker

将 web worker 服务注入到你的构造函数中：

 construtor(private webWorkerService: WebWorkerService){
     this.webWorkerService.run( thing to run goes here );
 }

【讨论】：

【解决方案2】：

我不确定您尝试使用 Web Worker 运行哪个 Angular 版本，因此我提供了使用 Web Worker 运行 Angular 的所有详细信息。

为了在您的 Angular 应用程序中使用 Web Workers，您有两种选择：

使用 Angular CLI 6 生成 Angular 6 的选择 #1：

使用 Angular CLI 1 生成的 Angular 5 或更低版本的选择 #1：

使用 Angular 5 或 Angular 6 选择 #2

所有这些参考都在 Github 中提供了示例代码参考。

我希望这将有助于您了解不同的用例并选择最适合您的应用程序需要的用例。

【讨论】：