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

时间:2015-11-16 13:56:29

标签: sass webstorm

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

我的scss的源代码:

/src/client/sass/style.scss

bootstrap的源代码:

/bower_components/bootstrap-scss

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

@import "bootstrap"

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

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

1 个答案:

答案 0 :(得分:12)

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