主题angular-cli的动态负载样式

Question

我想使用不同的颜色主题（通过环境变量），但是由于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变量。