Scss file watcher : specify loadPath somewhere ? Follow

Created December 30, 2013 15:22

Hello,

I'm using WebStorm with a file watcher for compiling SCSS files. It works peachy, except that before I was using the command line Ruby SCSS watch command which allowed to specify a list of loadPaths, so the @import calls could be cleaner and simpler.

In Webstorm, if I @import a file with such a URL, it gets highlited as not found (since I didn't fine any loadPaths config).

This leads to variables and functions not being picked up, code completion and jump to reference not working.

The only current workaround is to put relative paths in all @import clauses, which is very ugly, and involves a lot of "..\..\..\blah\file.scss" and so on.

Did I miss something or is there no way to configure one or two project-wide load paths for @import lookups ?

Thanks

7 comments

Elena Pogorelova

Created December 30, 2013 16:07

Hello!

no, it's not possible. See http://youtrack.jetbrains.com/issue/WEB-5855

Note that you can use Compass instead of SASS - Compass integration gets all your settings from config.rb file, so you can specify needed paths there

Alexandre I.

Created December 30, 2013 21:41

State wontfix, meaning you are not planning to make load paths work properly at all in the future ?

Well, with this issue plus the one with the generation of css files for partials, I must say that the scss file watcher thing and part of the support seems a bit unfinished ...

Alexandre I.

Created December 31, 2013 01:08

Ok now I have configured Compass with a config.rb file.

Works perfectly from the command line, however through WebStorm still issues ...

When I opened a scss file, it suggested me to add a "compass sass" file watch, which I did (I clicked the command link in the info window).

Now, when I edit the file, I see this in the output window :

"C:/Program Files (x86)/Ruby200/bin/compass.bat" compile E:/WebClient/app E:/WebClient/app/scss/app-rtl.scss
You must compile individual stylesheets from the project directory.

Here is my config.rb

environment = :development

http_path = "/"
project_path = "e:\\webclient\\app"
cache_path = "c:\\temp\\.sass-cache"
output_style = (environment == :production) ? :compressed : :expanded
line_comments = (environment == :production) ? false : true

css_path = "e:\\webclient\\app\\css"
sass_path = "e:\\webclient\\app\\scss"

add_import_path "e:\\webclient\\lib\\scss"
add_import_path "e:\\webclient\\lib\\scss\\fonts"
add_import_path "e:\\webclient\\lib\\scss\\fnd"

What should I do to make it compile properly please ?

Alexandre I.

Created December 31, 2013 01:32

Ok I made it work by changing the "Arguments" option value in the file watcher to :

compile "E:\\WebClient\\app\\scss"

which is the path where the main app.scss is located, and also the config.rb

The syntax inserted by WebStorms by default was actually calling compile on the specific file that was just modified, not what is wanted.

It all compiles fine now, but I still have issues with @imports.

Let's imagine I have a partial

E:\WebClient\lib\scss\_mything.scss

now if in my main app.scss I do

@import "mything";

it does compile, but WebStorm still displays an error in the source view with the hint "Can not resolve import", so I have no code completion or reference declaration jumps and so on, still.

I have configured the "Compass support" part in the settings though, with the proper path to my config.rb there (otherwise the compass file watched could not have compiled properly anyway).

How to get WebStorms to properly resolve the import please ?

Alexandre I.

Created January 06, 2014 20:59

hello support ?

Elena Pogorelova

Created January 08, 2014 14:13

Hello!

works fine for me. Can you attach a sample project that shows up the issue?

Alexandre I.

Created January 08, 2014 19:38

I opened another more speicfic and simplified question where I provided more details, thanks for the reply.

Please sign in to leave a comment.