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

Question

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

Answer 1

目前，这在 angular-cli.json 中不可用，已经存在与此相关的问题，因此基本的解决方法是将 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';  
}

堆栈闪电战示例

MDN @导入