使用LiveStyle在chrome中调试SASS问题

Question

最新版本的Chrome可以加载map文件，直接在审查元素的时候可以看到scss文件对应的行号，但是我一旦修改了相关的属性，文件就变成了css，而不是scss。

主要我是想配合LiveStyle使用，希望能直接映射scss，我看LiveStyle官网上是可以调节的。

PS，我说的调节，是scss中嵌套的样式，而不是直接的选择器：

/*like this*/
#container {
 .shadow-box {
    width: 100px;
    height: 100px;
    background: red;
 }
}

/*not this*/
#container .shadow-box {
    width: 100px;
    height: 100px;
    background: red;
}

如果我直接写下面的样式，LiveStyle能直接对应，但是我写上面那种嵌套，它就直接给我在文件下方添加了编译后的样式，达不到和我scss文件对应的关系了。。。

Answer 1

同问吧。我也是直接用scss的。按要求修改但是没有用。chrome修改scss直接会变成css，还是需要把编译关掉求解。

// A scope selector for files that should be handled by LiveStyle.
// Currently, works for syntaxes that are very close to CSS: LESS and SCSS
// If you want to add LESS and SCSS support, change the value of this
// property to "source.css, source.scss"
"css_files_selector": "source.css, source.scss - source.css.scss"