Добавить файл scss в Stackblitz

вы можете сказать мне, как добавить до stackblitz. Я пробовал.Но это не работает. Пожалуйста, посмотрите и дайте мне знать.

Я пытался добавить home.html

этот проект: stackblitz

6
angular css ionic3 sass typescript

2 ответов

Scss должен работать в stackblitz:

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  styleUrls: [ './home.scss' ] <== add this
})
export class HomePage {

стили

 page-home {
 .buttoncls {

не будет работать для вас с заключением по умолчанию(ViewEncapsulation.Emulated), поскольку page-home не входит home шаблон компонента и угловой добавляет атрибут, как [_ngcontent-c0] стилям.

так что мы можем изменить page-home до ion-list и посмотреть, как это работает:

Пример Stackblitz (ViewEncapsulation.Эмулируется)

но мы можем отключить инкапсуляцию:

encapsulation: ViewEncapsulation.None

Пример Stackblitz (ViewEncapsulation.None)

см. Также эту тему

https://github.com/stackblitz/core/issues/1

как прокомментировал EricSimons 9 дней назад:

Привет всем! Мы как раз грузили SASS и меньше поддержки, и мы также поддерживаем угловатый-cli.конфигурация json тоже:)

11

ответ выше не работает. Update:

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  styleUrls: [ 'home.scss' ] <== add this
})

также-стили должны идти в самый внешний блок и не должны идти под другим блоком.

1