Including External CSS

I’m having an issue and wondering if there’s a option in the configuration to address it. My component styles are maintained outside of the components and not directly imported by them (dir structure example below). For deploys, the styles are compiled separately and included in the document head.

My issue is: I can’t seem to instruct react-styleguidist to include them.

I’ve tried specifying a custom template that points to the built styles; however, all the paths I’ve tried return a 404 (can’t get the path right). If I can get that correct it would be a workable solution. I would lose file watching and reloading though.

Are there any other approaches I should look at?

src
 |- components
 |- styles
     |- index.css

[sapegin]

Have you tried this solution?

[dchambers]

Is there a way to import CSS directly into the index page without using a require as this doesn’t seem to be compatible with the webpack config used by create-react-app?