How to add scss file as styleUrl in component?

I am wondering if it is possible to add .scss file in my component in Angular 2?

Let's say I have the following:

@View({
  template: `
     <div class="button" [ng-class]="{active: isOn, disabled: isDisabled}" 
         (click)="toggle(!isOn)">
         Click me!
     </div>`,
  styleUrl: ['style.scss'],
  directives: [NgClass]
})

Is compiling the scss file to css the only way to achive what I am trying to do?

Thanks