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

Question

我开发了一个小型浮动操作组件。该组件由.ts，.html和.scss文件组成。此刻我将scss文件导入到app.scss中。

有没有办法在使用组件时自动加载SCSS？

Answer 1

我假设您知道ComponentMetadata上的styles和styleUrls属性。 AFAIK，你不能通过styleUrls传递原始的，未编译的.scss文件，但是设置模块加载器来透明地处理编译步骤相当容易。

如果你的模块加载器的WebPack尤其如此：

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

：对的WebPack配置，使您可以在您的应用程序中任何地方增加SCSS文件，然后使用它们 like so的一个例子见 here