Search code examples
sasswebstorm

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

I want to override several scss files of bootstrap. The paths in my project are like this

Source code of my scss:

/src/client/sass/style.scss

Source code of bootstrap:

/bower_components/bootstrap-scss

Now if i edit the style.scss in Webstorm it cant find the import

@import "bootstrap"

Im using gulp so i created a gulp task, that generates css from default bootstrap and my additions so i dont use the WebStorm watches.

How can i configure the project, so that the @import are correctly linked to bower components? Currently im using a symlink, but it feels like a hack.

Solution

  • Just mark /bower_components/as Resource Root (Mark directory as/Resource root) - WebStorm will resolve imports relative to it