Compass是Sass的工具库(toolkit)。
Sass本身只是一个编译器,Compass在它的基础上,封装了一系列有用的模块和模板,补充Sass的功能。
更方便使用SASS开发

compass

安装

在已经安装了ruby的前提下,运行

gem install compass

使用

  • 新建项目

    compass create yourpj;
    

    会在生成 ‘yourpj’ 目录,该目录下有两个文件夹,一个文件:

    • config.rb这是个配置文件,主要指定sass源文件地址,以及编译后生成的css文件地址
    • sass存放sass源文件
    • stylesheets存放编译后生成的css
  • 编译

    compass compile
    
  • 自动编译

    compass wacth
    

    scss文件编辑完成后会自动编译

组件模块

  • Reset :重置CSS模块

    @import "compass/reset"
    
  • ……

模块主要提供了一些方便的库,可用可不用

本文地址: http://gehaiqing.com/2016/10/12/compass/