如何添加Source Map选项

Source Maps可以让页面样式调试变得非常简单，将显示css规则对应的Sass／LESS代码位置，目前Chrome与Firefox均支持。
LESS 1.5.0开始支持source map功能，可以在Koala中直接勾选该选项；Sass则要安装预览版3.3.0-rc。
所以本文主要介绍如何在Koala中使用Sass的source map功能。
What are Source Maps?

如何在Koala中使用Sass的source map功能

默认下，Koala没有直接提供该选项，但是你可以在项目配置文件中增加它。
(项目配置功能介绍)

1. 在本地系统中安装好ruby及Sass 3.3.0-rc.
   Sass安装: gem install sass --pre

2. 设置Koala使用系统组件
   打开设置面板，"Sass" --> "高级设置" --> 勾选使用系统组件。

3. 创建项目配置文件
   在Koala界面中右键项目，选择"项目配置" --> "新建配置" --> "Sass项目"，将在项目根目录生成"koala.config"文件。

4. 编辑配置文件
   打开"koala.config"，找到"customOptions"字段，增加"--sourcemap".
   e.g. "customOptions": ["--source-map"]

好了，现在编译一个sass文件试试，可以在输出目录中看到编译css的同时也生成了".map"文件。