cssnano 从 css @media 查询中删除“all”属性

Question

我很好奇 cssnano 对媒体查询的处理是否可行。在我的css文件中，我有。

@media all and ( min-width: 600px) {}

通过cssnano运行我的css后，它变成了这个>

@media ( min-width: 600px) {}

这在生产中使用安全吗？我似乎找不到任何地方说没有“all”属性会使浏览器默认为 all，或者如果没有它对于将文件发送到生产环境是一件坏事？

Answer 1

我是作者；是的，它是有效的。我会向您介绍原始问题，但简而言之：

根据spec（示例5）：

即这些是相同的：

@media all and (min-width:500px) { … }
@media (min-width:500px) { … }

这些是：

@media (orientation: portrait) { … }
@media all and (orientation: portrait) { … }

在我看来，那些可以被剥离...[snip]

https://github.com/ben-eb/cssnano/issues/215