Czy kompilator Angular 2 Ahead-of-Time obsługuje arkusze stylów SASS?

Question

Chciałbym wykonać kolejną próbę użycia kompilacji Ahead of of Time Angular 2.

Będzie to wymagać znaczącego refaktoryzacji z mojej strony, ponieważ moja obecna konfiguracja używa niestandardowego procesu kompilacji, który będzie musiał zostać zmieniony.

Zanim zacznę, muszę wiedzieć: czy po połączeniu z zewnętrznymi plikami .scss w metadanych styleUrls, czy działa kompilator AoT?

@Component({ 
    ... 
    styleUrls:['./app.component.scss'], 
}) 
export class AppComponent {} 

Albo powinienem najpierw przekonwertować wszystkie moje style .css oraz link do arkusza stylów CSS zamiast tego?

The readme nie omawia tego.

Answer 1

Pliki SASS (.scss) nie zostały pomyślnie przetworzone przez kompilator z wyprzedzeniem (ngc). Miałem przekonwertować moje arkusze stylów do .css pierwszej

Answer 2

@BeetleJuice odpowiedź nie jest całkowicie poprawne (lub nie jest już prawidłowa) jedyną rzeczą, którą musisz zrobić, to zapewnić ładowarka na Sass/plików SCSS robi tak w swoim webpack.config.js:

{ test: /\.sass$/, loaders: ['raw-loader', 'sass-loader']} 

i po tym można dołączyć pliki Sass bezpośrednio wewnątrz komponentów robi:

styleUrls: ['app.style.sass'] 

do tego trzeba zainstalować Sass-ładowarka zrobić :

npm install sass-loader node-sass webpack --save-dev