wellington / wellington

Spriting that sass has been missing
http://getwt.io
Apache License 2.0
303 stars 17 forks source link

Does Wellington support magic spriting? #201

Open shimonenator opened 7 years ago

shimonenator commented 7 years ago

I've been trying to switch a large codebase to Wellington from Compass, but the issue I am running into is when current codebase is relying on the magic sprites, i.e.:

@import "icons/*.png";

Or like this:

@import "icons/*.png";
@include all-icons-sprites;

Both return the following error: File to import not found or unreadable: icon/*.png

Am I doing something wrong?

drewwells commented 7 years ago

Did you provide a --dir cli argument so wt can locate where the images are stored?

shimonenator commented 7 years ago

Yes, here's what it looks like:

wt compile \                                      
    --sass-dir="src/sass" \
    --build="src/public/css-wt" \
    --dir="src/public/images" \ 
    --gen=src/public/images/sprites \
    --font=src/public/fonts \
    --style=expanded \
    --debug=true \
    src/sass/main.mobile.scss
Flag --sass-dir has been deprecated, recursive paths can be passed as argument ie. wt compile sass
2017/05/01 15:10:25       Font  Dir: /Users/user/Code/site/src/public/fonts
2017/05/01 15:10:25       Image Dir: /Users/user/Code/site/src/public/images
2017/05/01 15:10:25       Build Dir: /Users/user/Code/site/src/public/css-wt
2017/05/01 15:10:25 Build Image Dir: /Users/user/Code/site/src/public/images/sprites
2017/05/01 15:10:25     Project Dir: 
2017/05/01 15:10:25  Include Dir(s): [/Users/user/Code/site/src/sass src/sass/main.mobile.scss]
2017/05/01 15:10:25 ===================================
2017/05/01 15:10:25 Error > /Volumes/Code/site/src/sass/mobile/_sprites.scss:4
File to import not found or unreadable: mobile-icon/*.png
Parent style sheet: /Volumes/Code/site/src/sass/mobile/_sprites.scss
drewwells commented 7 years ago

I need to take a look. I think your initial assessment is right that magic imports are not supported. It's trying to read the magic path as a sass file.