I have the following project structure: root
- pics
- less
- main
- components
- navbar.less
In my navbar.less
I reference image from the pics folder like this:
background : url('../pics/dtv-logo.jpg') no-repeat;
The reason for specifying the path like that is that when deployed to server the project structure will be like this one:
root
- pics
- css
- index.css
So the path will correct when deployed. However, webstorm says it can't find resource, which is also correct given current folders structure. I googled and found that I can mark directory as resources. I did that but webstorm still complains. Can you explain what marking directory as resource root does and how can I solve my problem?
Example #2:
- css
- pics
- assets
- some_logo.png
Marking assets
as resourceRoot and specifying URL like this '/assets/dtv-logo.jpg'
still failed to resolve the path.