将scss文件添加到Stackblitz

Question

你能告诉我如何将scss文件添加到stackblitz.我试过了.但它不起作用.请看到并告诉我.

我试过补充一下 home.html

这是项目: stackblitz

Answer 1

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.Emulated)

但我们可以禁用封装:

encapsulation: ViewEncapsulation.None

Stackblitz示例(ViewEncapsulation.None)

另见此主题

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

正如EricSimons在9天前评论过的那样:

大家好!我们刚刚发布了SASS和LESS支持,我们也支持angular-cli.json配置:)