Is there a way to use the built-in sass in Angular2 components?

Question

I have an Angular 2 project based on webpack startup ( https://github.com/AngularClass/angular2-webpack-starter ). I am trying to figure out how to use sass directly in components (without calling an external .scss file). All the examples I found use styleUrls and the extension name “.scss” to find out when to call the Sass loader.

Answer 1

Use sass-loader: require("!raw-loader!sass-loader!./file.scss"); this returns the compiled CSS from file.scss, allows the import of SASS.

styles: '//SASS style' - , SASS sass-loader. :

import styles from './styles.sass';
@Component({
  styles: styles
})