我使用的是角度cli,并通过styleUrls链接将样式添加到每个组件中
在本地测试时,这似乎将<style>
标签输出到文档的头部
对于每个带有styleUrls添加的样式的组件,Angular是否输出<style>
标签
如果是本地的,或者在生产中会是这种情况。
答案 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个组件,则只会为它们全部插入一次样式。这就是它们将样式范围仅应用于该组件模板中的元素的方式。