grunt 插件系列第二篇我们选择来介绍一下 grunt-contrib-compass：
Compile Sass to CSS using Compass.从定义上可以很直观地知道：
它主要是把 sass 文件编译成 css。我们来看看常用的配置方式把：
grunt.initConfig({
paths: {
app: 'app',
tmp: '.tmp',
},
compass: {
options: {
sassDir: '/compass/sass',
imagesDir: '/compass/images',
relativeAssets: true
},
server: {
options: {
cssDir: '/stylesheets',
generatedImagesDir: '/images'
}
}
}
});
上述代码在 Gruntfile.js 很常见，为了通用性，我们定义了 paths，然后定义了一个 compass，然后你可以执行：
grunt compass:server
大家也应该发现慢慢地我们接触到后面的插件，越来越不那么简单地配置一个 src 和 一个 dest 就可以了，而是需要配置一些其他项。
我们来看看上面的几个常规配置项：
1、sassDir 你项目的 sass 文件的存放目录
2、imagesDir 你项目的图片目录
3、cssDir 编译后的 css 存放目录
4、generatedImagesDir 编译后的雪碧图存放目录，默认值是 imagesDir 定义的值
5、relativeAssets {Boolean} 可以处理资源相对路径的问题
现在默认情况下你的 css 文件里面每一个 css 规则第一行都带有注释的，我们可以配置如下来去掉：
noLineComments: true当然我们可以设置编译后文件的压缩方式，一般线上文件我们都是设置压缩的：
outputStyle: 'compressed'
其实真正开发中，插件里面比较难配置的可能就是资源的相对路径的问题，更多内容请查看官方 git：
github.com/gruntjs/gru…
