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

Question

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

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

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

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

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

Answer 1

我是作者；是的，这是有效的。我将向您推荐原始问题，但简而言之:

Per the spec (example 5):

I.e. these are identical:

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

As are these:

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

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

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