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

问题描述

问 题

现在在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更小嘛～

解决方案

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

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

这篇关于sass - 如何让scss编译时将@media合并到整个css的最后的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！