각 2, 스타일러스 + 스타일

Question

styleUrls + styles을 구성 요소에 사용할 수 없습니다 (마지막에 사용 된 것으로 표시됩니다). 이 문제를 해결하는 가장 좋은 방법은 무엇입니까?

기본 스타일을 선언하는 데 ./board.component.css을 사용하고 싶지만 DB의 logic + 데이터를 사용하여 생성 된 terrainStyles 문자열을 추가하고 싶습니다.

나는 모든 스타일을 문자열로 쓸 수 있다는 것을 알고 있지만, CSS 스타일 안에서 대부분의 스타일을 유지하고 싶습니다. CSS 파일에 논리를 포함시키는 좋은 방법이 있습니까? 아니면 내가 고려하지 않은 것? styles 및 styleUrls 특성을 모두 사용하려고 할 때

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

것은 저도 같은 문제를 웹팩을 사용했다하고 있습니다.

나는 에 style 속성에 대신 정의한 스타일 시트를 요구함으로써이 문제를 해결했습니다.

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