generator-react-reflux icon indicating copy to clipboard operation
generator-react-reflux copied to clipboard

Adding bootstrap-scss with bower leads to non-resolution of icon font paths

Open christopherdbull opened this issue 10 years ago • 3 comments

Hey, I'm guessing this could be a problem somewhere else but after adding bootstrap-scss with bower the glyphicon fonts aren't being served because of path resolution issues. My suspicion is this could be something to do with the bundling code not correctly bundling the fonts, however I'm not experienced enough with gulp to know for sure so thought I should try filing an issue to see if it's something simple.

Thanks.

christopherdbull avatar May 14 '15 18:05 christopherdbull

You have to import it in your main.scss, using relative path. You can see an example in the feature/bootstrap branch: https://github.com/TFaga/generator-react-reflux/blob/feature/bootstrap/app/templates/app/styles/main.scss

olconstant avatar May 14 '15 23:05 olconstant

The fonts are the reason I haven't yet added bootstrap. For development you can simply do as @pistolero77 stated however for building you will need to add steps that will copy the fonts to the dist folder and update the sass variable to point to the location in the dist folder.

I will include this in the next update.

TFaga avatar May 15 '15 07:05 TFaga

Cool, explicitly setting the path worked. Thankfully we're a bit away from deploying so will cross that bridge when I get to it. Thanks guys.

christopherdbull avatar May 15 '15 08:05 christopherdbull