主题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变量。