Angular 2，StyleUrls + Styles

Question

我無法在組件中使用styleUrls + styles（它看起來是最後一次被使用的聲明）。解決這個問題的最佳方法是什麼？

我想使用./board.component.css來聲明基本樣式，但想要添加terrainStyles字符串，它使用來自數據庫的邏輯+數據生成。

我知道我可以將所有樣式寫成字符串，但我想將我的大部分樣式保留在CSS文件中。有沒有一種很好的方法將邏輯包含在css文件中？或者我沒有考慮過的東西？

Component({ 
    selector: 'board', 
    templateUrl: './board.component.html', 
    styleUrls: ['./board.component.css'], 
    styles: [terrainStyles] // string generated using typescript logic 
}) 
export class BoardComponent implements OnInit { 
    // ... 
} 

Answer 1

嘗試同時使用styles和styleUrls屬性，當我使用的WebPack和有同樣的問題。

我通過要求我在styleUrls的style屬性中定義的樣式表來代替它。

styles: ['.something { display: block; }', require('./stylesheet.component.css')]