如何配置 webstorm 以使用来自项目中不同路径的 import scss

How configure webstorm to use import scss from different path in a project

我想覆盖 bootstrap 的几个 scss 文件。我项目中的路径是这样的

我的源代码css:

/src/client/sass/style.scss

bootstrap的源代码:

/bower_components/bootstrap-scss

现在如果我在 Webstorm 中编辑 style.scss 它找不到导入

@import "bootstrap"

我正在使用 gulp,所以我创建了一个 gulp 任务,该任务从默认 bootstrap 生成 css 和我的添加,所以我不使用 WebStorm 手表。

如何配置项目,以便@import 正确链接到 Bower 组件?目前我正在使用符号链接,但感觉就像一个 hack。

只需将 /bower_components/ 标记为 资源根目录 (Mark directory as/Resource root) - WebStorm 将解析相对于它的导入