Поддерживает ли компилятор Angular 2 Ahead-of-Time таблицы стилей SASS?

Я хотел бы сделать еще одну попытку использования Angular 2 Опережающая сборка.

Это потребует значительного рефакторинга с моей стороны, потому что моя текущая настройка использует пользовательский процесс сборки, который необходимо будет изменить.

Прежде чем начать, я должен знать: если я ссылаюсь на внешний .scss файлы в styleUrls метаданные, будет ли работать компилятор AoT?

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

Или я должен сначала преобразовать все мои стили в .css а вместо ссылки на таблицы стилей CSS?

В readme это не обсуждается.

Источник

2 ответа

Решение

SASS (.scss файлы) не были успешно обработаны заранее установленным компилятором (ngc). Мне пришлось конвертировать мои таблицы стилей в .css первый

Источник

Ответ @BeetleJuice не совсем корректен (или больше не корректен), единственное, что вам нужно сделать, это предоставить загрузчик для файлов sass/scss, сделав это в вашем webpack.config.js:

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

и после этого вы можете включить ваши файлы sass непосредственно в ваши компоненты, выполнив:

styleUrls: ['app.style.sass']

Для этого вам необходимо установить sass-загрузчик:

npm install sass-loader node-sass webpack --save-dev
Источник
Другие вопросы по тегам