stylus（css预编译器）

推荐去张鑫旭大神这里详细了解：http://www.zhangxinxu.com/jq/stylus/

安装

　　npm install -g stylus

自动编译
　　$ stylus -w demo.styl -o dist / demo.styl是styl文件，dist是要生成样式的目录文件名，-w 是自动监视文件 ，-o 是将编译后的CSS文件输出到指定文件中

压缩

　　stylus --compress < test.styl > test.css  //stylus文件编译并压缩成css文件

导入(@import)

@import "./demo1"

变量(Variables)

font-size = 14px

body

  font font-size Arial, sans-seri

body {

  font：14px Arial, sans-seri;

}

媒体(@media)
——stylus——

.widget

  padding 10px

@media screen and (min-width: 600px)

  padding 20px

——css——

.widget {

  padding: 10px;

}

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

  .widget {

    padding: 20px;

  }

}

好像传不了文件，有初始化样式，和兼容样式的两个小文件，传不送来，需要的留言我就行。