css - Thêm tệp scss vào Stackblitz

Bạn có thể cho tôi biết cách thêm tệp scss vào stackblitz không. Tôi đã thử làm rồi nhưng nó không hoạt động. Vui lòng xem và cho tôi biết.

Tôi đã thử thêm home.html

Đây là dự án: stackblitz

Câu trả lời #1

Scss nên hoạt động trong stackblitz:

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

Các kiểu như

 page-home {
 .buttoncls {

sẽ không hoạt động với bạn khi sử dụng đóng gói mặc định (ViewEncapsulation.Emulated) vì page-home không phải là một phần của mẫu thành phần home và angular thêm thuộc tính như [_ngcontent-c0] vào các kiểu.

Vì vậy, chúng ta có thể thay page-home bằng ion-list và xem nó hoạt động như thế nào:

Ví dụ Stackblitz (ViewEncapsulation.Emulated)

Nhưng chúng ta có thể vô hiệu hóa đóng gói:

encapsulation: ViewEncapsulation.None

Ví dụ Stackblitz (ViewEncapsulation.None)

Xem thêm chủ đề này

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

Như EricSimons đã bình luận cách đây 9 ngày:

Chào tất cả mọi người! Chúng tôi vừa phát hành hỗ trợ SASS và LESS, và chúng tôi cũng hỗ trợ cấu hình angular-cli.json nữa :)