css – 使用–sourcemap标志运行指南针

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

sass_options = {:sourcemap => true}

在我的config.rb中,但是当我在我的项目文件夹中运行指南针时,不会生成源映射文件.另一方面,当我跑

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

生成源文件,但忽略config.rb.

(任何人想知道源代码图是什么,它是一个文件,当您检查元素时,允许Developer Tools检查器指向Sass scss文件中的样式的起源.)

解决方法

源图包含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

控制台输出：

06003