So i have been trying to build a webapp at work using yeoman, grunt, browserify and sass bootstrap(with compass). I have issues with the finished dist CSS not pointing to the right path, so my glyph-icons are not showing.
I'm not really sure what i am doing wrong here, but i had the same problem with images and as you can see from .bannerBackground in my scss file i change url to image-url which fixed the issue. However i can not seem to be able to do the same for $icon-font-path which i suspect is where the issue is.
So i have been trying to build a webapp at work using yeoman, grunt, browserify and sass bootstrap(with compass). I have issues with the finished dist CSS not pointing to the right path, so my glyph-icons are not showing.
This is the error i'm getting:
http://localhost:9000/styles/.tmp/bower_components/sass-bootstrap/fonts/glyphicons-halflings-regular.woff Failed to load resource: the server responded with a status of 404 (Not Found)
For some reason it is looking for the icons under /styles/.tmp/, whereas it should really look for the icons directly under bower_components such as:
http://localhost:9000/bower_components/sass-bootstrap/fonts/glyphicons-halflings-regular.woff
This does not happen when i run grunt serve, but only when i run grunt serve:dist.
My style.scss:
My Gruntfile.js compass part:
My Gruntfile.js cssmin part:
I'm not really sure what i am doing wrong here, but i had the same problem with images and as you can see from .bannerBackground in my scss file i change url to image-url which fixed the issue. However i can not seem to be able to do the same for $icon-font-path which i suspect is where the issue is.