使用--sourcemap标志运行Compass

Question

Compass是否支持Sass中的--sourcemap选项？我想通过指南针运行Sass。我有过

sass_options = {:sourcemap => true}

在我的config.rb中，但是当我在我的项目文件夹中运行compass watch时，没有生成任何源地图文件。另一方面，当我运行

sass --compass --sourcemap --watch scss:css

将生成源文件，但会忽略config.rb。

(对于任何想知道源地图是什么的人来说，它是一个文件，当你检查一个元素时，它允许开发人员工具检查器指向Sass scss文件中样式的起源。)

Answer 1

从Sass 3.3或更高版本开始包含源贴图，该版本仅与Compass 1.0兼容。

https://github.com/chriseppstein/compass/issues/1108

将以下内容添加到您的config.rb中只会将源地图信息直接添加到已编译的CSS中：

sass_options = { :debug_info => true }

输出：

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/chris\/compass\/sass\/test\.scss}line{font-family:\0000314}}
.foo {
  color: red;
}

要获取源地图文件，您需要将此选项添加到config.rb：

sourcemap = true

控制台输出：

Test.css >>>指南针正在观察是否有变化。按Ctrl-C组合键停止。编写css/test.css编写css/test.css.map

Answer 2

@cimmanon提供的解决方案对我不起作用。对我起作用的是以下内容(归功于https://github.com/Compass/compass/issues/1108中的Serge-Z )：

sudo gem install compass-sourcemaps --pre

然后，您只需像往常一样在config.rb中使用sass_options = {:sourcemap => true}执行compass watch即可。

如果您使用的是OS X El Capitan，并且由于无根模式而出现安装问题(归功于https://github.com/Compass/compass/issues/2018中的Thomzzzzz )：

sudo gem install -n /usr/local/bin compass-sourcemaps --pre

Answer 3

对我来说，它适用于

sourcemap = true

在config.rb (取自https://chillco.com/blog/setting-sass-and-compass-source-maps的解决方案)

我正在通过考拉使用指南针(http://koala-app.com/)