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

Son*_*nne 4 sass webstorm

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

我scss的源代码:

/src/client/sass/style.scss
Run Code Online (Sandbox Code Playgroud)

bootstrap的源代码:

/bower_components/bootstrap-scss
Run Code Online (Sandbox Code Playgroud)

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

@import "bootstrap"
Run Code Online (Sandbox Code Playgroud)

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

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

len*_*ena 12

只需标记/bower_components/Resource Root(Mark directory as/Resource root) - WebStorm将解析相对于它的导入