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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的CSS相关文章