为Angular app打造品牌

Question

我正在开发一款需要为不同品牌构建和部署的应用。大多数差异只是css，我认为我可以在运行时加载正确的样式。

但是，以下情况不起作用：

import { Component, Input } from '@angular/core';
import { brand } from '../../environments/environment';

@Component({
  selector: 'app-simple-form',
  template: `
             <div>
               {{message}}
             </div>
            `,
  styleUrls: [`./simple-form.component.${brand}.css`]
})
export class SimpleFormComponent implements OnInit {
  @Input() message;
}

请注意我是如何导入名为 brand 的字符串，然后使用它来加载正确的样式。但是，在 styleUrls 数组形成时，无法访问品牌。

虽然可以在渲染组件后访问它。

为什么这不起作用的任何想法，如果有推荐的方法这样做？