Storybook: Building and exporting a component library
One of storybook's uses is in building and distributing a design system/component library. Been researching on how to do this with nuxt-storybook, such that I end up with a library that can be imported in other projects.
Has anyone succesfully tried this? Or any guidance please on how to approach if I explore making the build configuration? The components are just vue files but it's the nuxt dependencies that could be a challenge.
armorkram
All 3 comments
I believe @drewbaker did the same thing with nuxt-storybook
farnabaz
on 31 May 2021
Yes we use this as a component library. But we just cut and paste the components into our projects as needed.
But to do it like you鈥檙e describing where you can import components via NPM modules, that鈥檚 actually not really a Storybook problem.
Read this:
https://vuejs.org/v2/cookbook/packaging-sfc-for-npm.html
drewbaker
on 1 Jun 2021
Got it, thanks!
armorkram
on 2 Jun 2021
Related issues
mariomka
路
7Comments
debs-obrien
路
5Comments
dankellett
路
3Comments
philwolstenholme
路
3Comments
drewbaker
路
5Comments
Most helpful comment
Yes we use this as a component library. But we just cut and paste the components into our projects as needed.
But to do it like you鈥檙e describing where you can import components via NPM modules, that鈥檚 actually not really a Storybook problem.
Read this:
https://vuejs.org/v2/cookbook/packaging-sfc-for-npm.html