Question

今天早上我找到了Grunt Combine Media Queries插件，并且一直在寻找让它在我的构建上运行，因为我们的CSS中有一些愚蠢的媒体查询声明（204 - 我们正在使用SASS）我想减少。

cmq: {
    options: {
        log: true
    }
    , your_target: {
        files: {
         '<%= meta.cssPath %>temp': ['<%= meta.cssPath %>hayes.css']
        }
    }
}

cssPath就是CSS所在的目录。

当我运行grunt cmq时，我收到以下错误：

Processed media queries:
@media screen and (-webkit-min-device-pixel-ratio: 0)
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
@media only screen and (min-device-pixel-ratio: 2)
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)
@media (max-width: 767px) and (min-width: 768px)
@media (min-width: 768px) and (max-width: 979px)
@media (min-width: 768px)
@media (min-width: 768px) and (max-width: 767px)
@media (min-width: 768px) and (max-width: 767px) and (max-width: 767px)
@media (min-width: 768px) and (min-width: 1200px)
@media (min-width: 979px)
@media (min-width: 980px) and (max-width: 1200px)
@media (min-width: 1200px)
@media (max-width: 980px)
Warning: Cannot call method 'join' of undefined Use --force to continue.

Aborted due to warnings.

有没有人有类似的东西或知道是什么导致了这个？我有Grunt 0.4.1跑。

Answer 1

我已经看了一眼，如果媒体查询中有评论，那么这个笨拙的任务就会失败。

我已发送拉取请求来解决此问题：https://github.com/buildingblocks/grunt-combine-media-queries/pull/5

如果你很绝望，欢迎你使用我的前叉：https://github.com/badsyntax/grunt-combine-media-queries

Grunt组合媒体查询 - 无法调用未定义的方法“join”

1 个答案: