首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在生产环境中缩小/丑化使用Angular构建的webworker包

如何在生产环境中缩小/丑化使用Angular构建的webworker包
EN

Stack Overflow用户
提问于 2020-01-10 04:45:36
回答 2查看 1.8K关注 0票数 2

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

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

有没有一种方法可以更好地缩减代码?

致以敬意,

编辑:举个例子,下面是app.worker.ts的内容:

代码语言:javascript
复制
/// <reference lib="webworker" />
class MyClassName{
  myMethodName(){}
}
const myVariableName = new MyClassName()
postMessage(myVariableName.myMethodName());

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

代码语言:javascript
复制
const myVariableName=new class{myMethodName(){}};postMessage(myVariableName.myMethodName())}});

代码经过了优化,但仍然很容易阅读。

编辑2:打字错误

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-01-12 07:05:14

经过一些研究,似乎它的意图是webworker文件,就像服务工作者文件一样,是不缩小的。

可以像explained here一样手动进行最小化

票数 1
EN

Stack Overflow用户

发布于 2020-01-10 04:54:32

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

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59671841

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档