각도 2 구성 요소에 .css 및 .scss 파일을 모두 사용할 수 있습니까?

각도 2의 재료와 함께 각도 2를 사용하고 있습니다. 지금까지 CSS 스타일을 사용하고 있었지만이 코드 페이지에 표시된 것처럼이 체크 박스를 사용하고 싶습니다. 예 : scss가 포함 & &이 scss 코드는 어떻게 넣어야합니까? 여기 내 subject.component.ts입니다 :각도 2 구성 요소에 .css 및 .scss 파일을 모두 사용할 수 있습니까?

@Component({ 
    selector: 'subjects', 
    templateUrl: 'app/subjects.component.html' , 
    styleUrls: ['app/app.component.css'], 
    directives: [ MdButton,MdCard,MdToolbar,MdIcon,MdInput,MD_INPUT_DIRECTIVES,MdCheckbox,ProfileDetailsComponent,AgreementComponent,ROUTER_DIRECTIVES], 
    providers:[MdIconRegistry] 
})

출처

2016-07-15 Himanshi Gupta

'. scss' 파일을 Sass 변환기와 함께 사용합니다. webpack을 사용하는 경우 다음과 같이 할 수 있습니다. "sass-loader"를 사용하십시오. –

당신은 그럼이 좋은 웹 사이트를 사용하는 것이 좋습니다, 파일 시스템에하는 SCS를 사용 만 codepen에서 무엇 취할 필요하지 않으려면 http://www.sassmeister.com/ 복사 scss를 왼쪽에 붙여 넣은 다음 CSS를 오른쪽에서 코드로 붙여 넣을 수 있습니다.

또한 codepen은 컴파일 된 CSS 코드를 볼 수있는 옵션을 제공합니다.이 코드는 CSS 섹션

편집 :

그냥 sassmeister 웹 사이트에 복사하여 붙여 넣기를 시도했습니다. 코드가 컴파일되지 않아 코드에 복사하여 붙여 넣으려는 코드 젬 조작을 사용했습니다.

출처

2016-07-15 13:42:15

고맙습니다 :) –

각도 2 구성 요소에 .css 및 .scss 파일을 모두 사용할 수 있습니까?

답변

관련 문제