如何在angular-cli.json上包含媒体（print | screen）

Question

我想在media = screen上配置materialize（css），在media = print上配置bootstrap（css），但我不知道是通过angular-cli.json来实现的。这可能吗？

Answer 1

目前这在angular-cli.json中是不可用的，已经有issue与此相关，所以基本的解决方法是将css文件添加到index.html，另一种方法是通过使用css以导入为例：

@import url("fineprint.css") print;
@import url("bluish.css") speech;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen;
@import url('landscape.css') screen and (orientation:landscape);

但这给了我一个不同角度的错误，所以我最后的灵魂就像这样：

@media print {
     @import '/assests/print.css';
} 

@media screen {
     @import '/assests/screen.css';  
}

stackblitz example

MDN @import