將sass壓縮成css

壓縮工具 https://github.com/oklai/koala

style.sass

// 插件樣式
@import 'weui.min.css'
@import 'swiper.min.css'
@import 'dropload.css'
@import 'alert.css'

// 基本樣式
@import basic.sass
@import form.sass
@import common.sass

// 頁面樣式
@import home.sass
@import index.sass
@import deal-details.sass
@import deal.sass
@import exhibition-detail.sass
@import exhibition-lists.sass
@import exhibition.sass
@import need-confirm.sass
@import sale.sass
@import salesShow-detail.sass
@import salesShow.sass
@import shopping.sass
@import storage.sass
@import submit-product.sass
@import trading-record.sass
@import user.sass
@import invite.sass

以invite.sass爲例

.invite
  .banner-w
    width: 560px
    margin: 40px
    img
      width: 100%
  .text
    padding: 0px 80px
    font-size: 1.6em
    line-height: 1.6em
    color: #666
  .text-center
    margin-top: 30px
    color: #222
    text-align: center
    font-size: 2.2em
    .largest
      color: #ff3848
      font-size: 1.8em
  .large
    font-size: 1.2em
    color: #222


  .operator-w
    display: flex
    padding: 0px 40px
    margin-top: 80px
    .icon-w
      width: 33.33%
      height: 160px
      .img-w
        margin: auto
        width: 100px
        height: 100px
        background-image: #f4f4f2
        background-position: center
        background-repeat: no-repeat
        border: 1px solid #999
        border-radius: 50%
      .img-weixin
        background-image: url(images/icon_weixin.png)
      .img-friends
        background-image: url(images/icon_friends.png)
      .img-share
        background-image: url(images/icon_qrCode.png)
    .icon-text
      margin-top: 20px
      color: #222
      font-size: 1.4em
      text-align: center