Angular CLI-组件样式的输出

时间:2018-09-11 10:27:42

标签: angular

我使用的是角度cli,并通过styleUrls链接将样式添加到每个组件中

在本地测试时,这似乎将<style>标签输出到文档的头部

对于每个带有styleUrls添加的样式的组件,Angular是否输出<style>标签

如果是本地的,或者在生产中会是这种情况。

1 个答案:

答案 0 :(得分:0)

它也在生产中执行此操作,但对于每种类型组件仅执行一次。例如。如果type StructureConstant = "spawn" | "tower"; interface Structure<T extends StructureConstant = StructureConstant> { hits: number; } interface StructureSpawn extends Structure<"spawn">{ energy: number; } interface StructureTower extends Structure<"tower">{ energyCapacity: number; } type ConcreteStructure<T extends StructureConstant> = T extends "spawn" ? StructureSpawn : T extends "tower" ? StructureTower : never; export abstract class StructManager<T extends Structure> { constructor(readonly struct: T) {} abstract gameLoop(): number } type StructureManagerMap<T extends StructureConstant=StructureConstant> = { [K in T]?: {new(s:ConcreteStructure<K>): StructManager<ConcreteStructure<K>>}} class SpawnManager extends StructManager<StructureSpawn>{ gameLoop() { return 0 } } const managers: StructureManagerMap = { ["spawn"]: SpawnManager, } if(managers["spawn"]) { const spawnManager = new managers["spawn"]({hits:6,energy:5}) } 中有100个组件,则只会为它们全部插入一次样式。这就是它们将样式范围仅应用于该组件模板中的元素的方式。