Question

有没有办法为单独的模块分开scss。详细而言，如果我有2个名为module_1和module_2的模块以及2个名为module_1.scss和module_2.scss的scss文件。我希望我的angular module_1加载除module_2.scss之外的其他scs，并且类似地，对于module_2我也不想加载module_1.scss。我该如何做到有角度呢？

谢谢。

Answer 1

由于angular在组件级别导入了样式，因此您可以创建module_1.scss和module_2.scss －然后为模块中的每个容器级别组件，将适当的scss文件添加到styles数组中

示例module_1> component_foo

@Component({
  selector: 'app-foo',
  templateUrl: './foo.component.html',
  styleUrls: ['../module_1.scss']
})

示例module_2> component_bar

@Component({
  selector: 'app-bar',
  templateUrl: './bar.component.html',
  styleUrls: ['../module_2.scss']
})

因此，我建议尝试将组件分组为其他小/哑子组件的父“容器”，以便仅父组件需要导入样式

单独的SCSS用于不同的Angular模块

1 个答案: