compass & sass

CSS：为什么我不再使用Sass（译）_css取代sass-CSDN博客

node-sass那么“坑”为什么还有人用? - 知乎

Stepping away from Sass

CSS 即将支持嵌套，SASS/LESS 等预处理器已无用武之地？ - ChokCoco - 博客园

less/sass/stylus真的会提升效率么,用还是不用好呢? - 知乎

1.安装

2.基本指令

以下操作是在ruby+compass环境都安装好之后才能进行

1.创建compass文件结构

compass create [文件夹名]

2. 说明

• 以下划线开头的sass文件不会被编译成css文件，但可以引入到其他sass文件中
• 通过config.ruby配置文件

3.常用指令

• 创建指令：compass create [文件夹名]
• 编译指令：compass compile
• 监听指令：compass watch
• sass和scss转换指令：sass-convert

  3.scss基本语法

  4.compass基本模块

屏蔽精灵图文件名后面的随机字符串

# 这里做了一个 copy 而不是直接重命名；你可以用 FileUtils.mv 直接重命名
on_sprite_saved do |filename|
  if File.exists?(filename)
    FileUtils.cp filename, filename.gsub(%r{-s[a-z0-9]{10}\.png$}, '.png')
  end
end

# 除此之外，样式表里自动生成的声明也要修改一下
on_stylesheet_saved do |filename|
  if File.exists?(filename)
    css = File.read filename
    File.open(filename, 'w+') do |buffer|
      buffer << css.gsub(%r{-s[a-z0-9]{10}\.png}, '.png')
    end
  end
end