Angular如何在prod mod中的uglify之后获取组件函数名称

Question

我确实遇到以下问题，我创建了一个动态页面，它按照angular documentation tutorial加载不同的组件，每个组件的名称和属性都来自数据库。

但问题是在缩小后我无法在组件名称CoolComponent之间进行正确的映射，而在数据库中我将​​其保存为Cool。

const factories = [CoolComponent, SecondCoolComponent];

const comp = factories.find(f => `{fromDb}Component` === f.name);
const ref = componentRef.createComponent(comp);

缩小后CoolComponent转换为类似t()的内容，我没有得到任何查找。

  

我可以通过prod mod缩小和丑化后以某种方式得到组件的名称吗？

Answer 1

没有找到任何可靠的解决方案，只是在我们的组件中使用了黑客：

@Component({
 ...
})
export class CoolComponent {
   static componentName = 'cool';
}

const comp = factories.find(f => dbName === f.componentName);
const ref = componentRef.createComponent(comp);