如何在 angular-cli.json 上包含媒体（打印|屏幕）

Posted 2023-03-06

【中文标题】如何在 angular-cli.json 上包含媒体（打印|屏幕）

【英文标题】：How to include media (print|screen) on angular-cli.json

【发布时间】：2017-06-24 04:40:57

【问题描述】：

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

【问题讨论】：

你在使用 css 预处理器吗？

【参考方案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