如何在 Less 文件中定位样式

【问题标题】：How to locate style in Less file如何在 Less 文件中定位样式
【发布时间】：2014-06-02 01:40:59
【问题描述】：

我注意到 Visual Studio 的 Web Essentials 在编译时会创建一个 .css.map 文件。这是否意味着可以从 css 文件中的选择器导航回关联的 less 文件中的选择器？如果有怎么办？

【问题讨论】：

【解决方案1】：

是的，源映射的想法是将压缩文件中的代码或 css 映射回原始的未压缩版本。

这是在 Chrome 和 Firefox 中使用源映射的好指南。

【讨论】：

【解决方案2】：

在 VS 2013 中，如果您启用 LESS 预览窗口，您可以在预览中利用选择器上的Go To Definition 命令来突出显示 LESS 源中的相应选择器。（通过右键单击上下文菜单或在预览窗口中按 F12 - 请参阅 #809）。适用时，它还将加载源可用的@imported 文档。

在那张纸条上，有 precession issues 带有 libsass 的源映射。就此而言，它在 SCSS 编辑器中效果不佳。

【讨论】：