Chromium：缺少sass支持

Question

我尝试在Chromium中启用对sass源映射的支持（v31.0.1606.0），但似乎在我的情况下缺少“SASS支持”选项。

我遵循了这些指示： http://fonicmonkey.net/2013/03/25/native-sass-scss-source-map-support-in-chrome-and-rails/

我的“实验”的截图 - 窗口： 见http://i.stack.imgur.com/UhFNp.png

提示：我也尝试使用Google Chrome Canary和Chrome v30，但它也没有用。

Answer 1

在阅读有关使用Sass和Chrome DevTools开发的NetTuts文章之后，这个人也得到了我。似乎大多数关于这个主题的文章已经过时了。

通过defualt验证 Chrome v30及更高版本附带源地图和启用SASS支持。在v29及更早版本中，您必须选中“支持SASS”框。

此外，据Google称：
“目前Sass是唯一支持CSS源地图的预处理器......”

因此，只要您不在开发工具中取消选中“启用CSS源地图”＆gt;设置＆gt;一般情况下，你可以直接用铬来破坏你的scss / sass。

我关注了Google Dev Tools文档，并使用Canary 32.0.1664.3开始使用OSX.8。以下是要点：

1. 确保您使用sass 3.3.0alpha
   gem install sass -v '>=3.3.0alpha' --pre

2. 从shell运行sass时添加--sourcemap标志 sass --watch --sourcemap sass/styles.scss:styles.css

3. 可选择在开发工具中启用“自动重新加载生成的CSS”＆gt;设置＆gt;一般的实时善良。

这是我的机器在完成上述步骤并使用Sass启动网站后立即截图。



来源：

Working with CSS Preprocessors - Chrome DevTools – Google Developers

Developing With Sass and Chrome DevTools | Nettuts+