Czy istnieje sposób użycia wbudowanego sass w komponenty Angular2?

Question

Mam projekt Angular 2 oparty na pakiecie startowym Webpack (https://github.com/AngularClass/angular2-webpack-starter). Próbuję dowiedzieć się, jak używać sass bezpośrednio w komponentach (bez wywoływania zewnętrznego pliku .scss). Wszystkie znalezione przykłady wykorzystują styleUrls i nazwę rozszerzenia ".scss", aby rozpoznać, kiedy należy wywołać sass-loader.

Answer 1

Użyj sass-loader: require("!raw-loader!sass-loader!./file.scss"); to zwraca skompilowany kod CSS z file.scss, rozwiązuje import SASS.

Podczas określania styles: '//SASS style', pakiet internetowy nie ma możliwości określenia, czy styl jest w SASS i czy należy używać sass-loader. Trzeba będzie użyć następującego wzoru:

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