如何直接在Angular的组件的TS文件中内联指定SCSS文件内容？

Question

在我的组件中，我有这样的装饰器。

@Component({
  selector: "stuffy",
  templateUrl: "./stuffy.html",
  styleUrls: ["./stuffy.scss"]
}) export class Stuffy { ... }

有时，组件太小，以至于三个文件太过分了。在这种情况下，我可以将模板和样式引入到课程中。装饰者like this。

@Component({
  selector: "stuffy",
  template: "...",
  styles: [...]
})

但是，如果引用的SCSS文件包含导入，我无法使其工作。我的SCSS文件看起来很像这样。

@import "global.scss";
@import "specific.scss";

在这种情况下，我收到一条错误消息：

  

未处理的承诺拒绝：无法加载global.scss

Goolearching带来了比我帮助的更通用的解决方案。我想知道如果那些不是纯粹的CSS语句，是否可以将SCSS文件的内容内联到装饰器中。