如何配置 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 将解析相对于它的导入
我想覆盖 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 将解析相对于它的导入