在 Angular2+ 中将 Web-Worker 拆分为多个 Typescript 文件答案

【问题标题】：Splitting a Web-Worker in several Typescript files in Angular2+在 Angular2+ 中将 Web-Worker 拆分为多个 Typescript 文件
【发布时间】：2018-07-02 17:17:38
【问题描述】：

我使用 the file-loader given on this page 在 Web-Worker 上运行一些 Typescript 代码，它在我的 Angular 6 应用程序中按预期工作。

为了让在 Web-Worker 上运行的代码具有更好的可读性和可维护性，我需要将其拆分为 几个 Typescript (.ts) 文件。

我已经尝试过使用 require('worker!...') 或 importScripts('filename.js')，但我没有设法得到它们使用 Typescript (.ts) 文件。如果可能的话，我更喜欢集成构建系统，就像我们在 Angular2+ 中导入服务一样。

任何帮助将不胜感激，问候。

【问题讨论】：

你是在使用 webpack/gulp 之类的构建系统，还是只是使用主要的 typescript 编译器从 ts 文件创建 js 文件？
我正在使用主要的打字稿编译器。我会尝试使用 webpack/gulp，谢谢你的建议。
我希望我可以使用 webpack 将几个 Typescript 文件导入到 web-worker 中，但是在 Angular 6 中当前禁用了命令 ngject，我无法访问 webpack.config.js。我有点卡在这里。
@Verrick 你能给我示例步骤以在 Angular 6 中实现 web worker。我挣扎了 2 天......

标签： angular typescript web-worker

【解决方案1】：

我最终选择使用angular-cli-builders在角度6中实现platform-webworker

这里解释解决方案：https://github.com/meltedspark/angular-builders/issues/13

【讨论】：

最好在答案中提供解决方案，而不是按照How to Answer 部分的说明提供链接。感谢您更新答案。