主題angular-cli的動態負載樣式

Question

我想使用不同的顏色主題（通過env變量），但是由於angular-cli使用了他的加載程序，因此無法正常工作：

styles: [
  require('./header.component.styl'),
  require('./header.component.${environment.theme}.styl')
]

我看到錯誤：

無法解析./header.component.${environment.theme}.styl

有什么解決方案？

Answer 1

Angular不支持動態文件名導入。 您可以創建靜態文件名，例如說“ Colors.scss”。 在SCSS文件中，您可以定義全局變量$ env ='appname'。 您可以在其他Component SCSS文件中使用$ env變量。