如何让scss编译时将@media合并到整个css的最后

Question

现在在scss中使用@media会编译成多个@media

eg:

.a {
  @media screen and (max-width: 320px) {
    // css
  }
}
.b {
  @media screen and (max-width: 320px) {
    // css
  }
}

会编译成

@media screen and (max-width: 320px) {
  .a {
    // css
  }
}
@media screen and (max-width: 320px) {
  .b {
    // css
  }
}

如何能编译成

@media screen and (max-width: 320px) {
  .a {
    // css
  }
  .b {
    // css
  }
}

这样可以让整个css更小嘛～

Answer 1

自己找到方法了 https://github.com/Se7enSky/g...

因为我用 gulp 就装了延伸的 gulp 插件 https://github.com/avaly/gulp...