使用 --sourcemap 标志运行 Compass答案

【问题标题】：Run Compass with --sourcemap flag使用 --sourcemap 标志运行 Compass
【发布时间】：2013-04-12 14:40:00
【问题描述】：

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

sass_options = {:sourcemap => true}

在我的 config.rb 中，但是当我在我的项目文件夹中运行 compass watch 时，不会生成源映射文件。另一方面，当我运行

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

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

（对于想知道什么是 sourcemap 的任何人，它是一个文件，当您检查元素时，它允许开发人员工具检查器指向 Sass scss 文件中样式的来源。）

【问题讨论】：

github.com/chriseppstein/compass/issues/1108

标签： css sass compass-sass

【解决方案1】：

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

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

将以下内容添加到您的 config.rb 只会将 sourcemap 信息直接添加到您编译的 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

控制台输出：

$ compass watch
 modified config.rb
    clean css
   delete css/test.css
>>> Compass is watching for changes. Press Ctrl-C to Stop.
    write css/test.css
    write css/test.css.map

【讨论】：

【解决方案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 并且由于无根模式而无法安装（感谢 Thomzzzzz 在https://github.com/Compass/compass/issues/2018）：

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

【讨论】：

【解决方案3】：

对我来说它适用于

sourcemap = true

在 config.rb 中（解决方案取自 https://chillco.com/blog/setting-sass-and-compass-source-maps）

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

【讨论】：