Webstorm - 将 html 类引用链接到 scss 文件答案

【问题标题】：Webstorm - Link html class reference to scss fileWebstorm - 将 html 类引用链接到 scss 文件
【发布时间】：2013-08-05 23:58:34
【问题描述】：

文件观察程序完美无缺，与命令行指南针进程相同。

我很好奇是否有办法将 WebStorm 配置为指向 .scss 文件中的引用而不是编译后的 app.css 文件。

例子

在 index.html 里面我有

<a href='#' class='pandaStyle'>

当我点击 pandaStyle 时，它会将我带到已编译的 app.css 内的行

我想让它带我到 _animalStyle.scss 的部分

【问题讨论】：

【解决方案1】：

正如@Iena 所说，这是不可能的。尝试为问题投票 (http://youtrack.jetbrains.com/issue/WEB-6737)，JetBrains 可能会添加该功能。

【讨论】：

【解决方案2】：

我解决了这样的问题：添加

@import "myFolder/myCssStylesheet";

到 .scss 文件并从该样式表中获取所有 css 类和 Id。例如：

@import "Styles/bootstrap.css";

在我的 .scss 文件中自动编译所有 bootstrap 类

【讨论】：