Angular 如何在没有@import的情况下加载组件的SCS

我开发了一个小的浮动动作组件。该组件由.ts、.html和.scss文件组成。此时，我将scss文件导入app.scss

---

是否有一种方法可以在使用组件时自动加载SCS？

我假设您知道上的

样式和
样式URL
属性

顺便说一句，您不能通过
styleurl
将原始的未编译的.scss文件传入，但是设置模块加载器来透明地处理编译步骤是相当容易的

如果您的模块加载器是webpack，则尤其如此：请参阅webpack配置的一个示例，该配置允许您在应用程序中的任何位置添加scss文件，然后使用它们：

@组件（{
选择器：“应用程序”，
样式：[需要（'./app.scss'）]，
模板：``，
} )
导出类AppContainer{}

@Component( {
  selector     : "app",
  styles       : [ require( './app.scss' ) ],    
  template     : `<route-view></route-view>`,
} )
export class AppContainer {}