如何在生产中缩小/丑化使用 Angular 构建的 webworker 包答案

【问题标题】：How to minify/uglify webworker bundles built with Angular in production如何在生产中缩小/丑化使用 Angular 构建的 webworker 包
【发布时间】：2020-01-09 20:45:36
【问题描述】：

我需要使用 web-workers 进行繁重的计算，Angular 提供了一种方便的方法来使用 CLI 命令ng generate web-worker app 在应用程序中生成 web-worker。

问题是，当使用ng build --prod 在生产环境中构建时，生成的 web-worker bundle 似乎没有得到很好的优化。我仍然可以在文件中找到整个变量、类或方法名称，并且某些部分代码在捆绑包中很容易阅读，这让我很苦恼。

有没有办法更好地缩小代码？

问候，

编辑：举个例子，app.worker.ts的内容如下：

/// <reference lib="webworker" />
class MyClassName{
  myMethodName(){}
}
const myVariableName = new MyClassName()
postMessage(myVariableName.myMethodName());

这可以在使用ng build --prod生成的worker.js文件中找到

const myVariableName=new class{myMethodName(){}};postMessage(myVariableName.myMethodName())}});

代码经过优化，但仍然易于阅读。

编辑 2：错字

【问题讨论】：

标签： angular minify web-worker

【解决方案1】：

编辑您的angular.json 并设置optimization:true

https://angular.io/guide/workspace-config#build-configs

【讨论】：

感谢您的回答。它实际上已经设置为 true。

【解决方案2】：

经过一些研究，似乎打算将 webworker 文件（如 service-worker 文件）未压缩。

可以手动缩小为explained here

【讨论】：