mpetrovich / stylemark

Generate interactive style guides from Markdown.
MIT License
218 stars 35 forks source link

Load compiled CSS from Scss #4

Open andrixb opened 7 years ago

andrixb commented 7 years ago

Hi there,

Hope this is the right section - otherwise please point out where to.

I've been trying to set up stylemark in my Angular 4 + Webpack 3 application. As far as I can see the CLI parses the comments but it doesn't render any custom style. I believe that's because it is not supposed to compile my *.scss files as well, and indeed there comes my question: how can I load up my stylesheet? I'm running this npm script (src/styles has a global scss whereas other scss are defined at the component level): stylemark -i \"src/styles\" -o styleguide -c .stylemark.yml -w 2000 -b 9090

Many Thanks, Andrea

mpetrovich commented 7 years ago

Thanks for posting @andrixb! Does your Webpack configuration output compiled CSS, or is does it create per-module chunks?

jimmzzz commented 7 years ago

u can also try dev build with flag to compile scss into css file with ng build --extract-css true then in dist/browser/styles.bundled.css u will find bundled compiled css from angular app