jsilva-pt / vuetibook

Integrating Vue.js, Vuetify and Storybook

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

issue with exporting static site

Maxhodges opened this issue · comments

First, thanks so much for making this! I had created an early vuetify-storybook-boilerplate but it became so outdated I could get it running. Glad I found this one.

I modified the build common to output for static site hosting (i.e Netlify or github pages); however the static site seems to be missing the Vuetify CSS:

"build:storybook": "vue-cli-service build:storybook -c config/storybook -o .storybook-static",

Would you know how to ensure the scripts are available within the static site output? I thought I just needed to add them to config but seems there's more to it.

Hello @Maxhodges !

Are you still working on this ?
Sorry but I only saw you comment today!

I started this repo some months ago to be a proof of concept to use Vue.js, Vuetify and Storybook together and didn't look at it again.

The real project that I'm doing in my company is a lot more advanced. I will try to update this repo as soon as possible!

Anyway, I think I had that problem and the solution was to update devDependencies in package.json to:

"@storybook/addon-actions": "^4.1.11",
"@storybook/addon-links": "^4.1.11",
"vue-cli-plugin-storybook": "^0.5.0",

and then the scripts to:

"build:storybook": "vue-cli-service storybook:build -c config/storybook",
"serve:storybook": "vue-cli-service storybook:serve --ci -p 8081 -c config/storybook",

Hello again @Maxhodges ,

Just updated this repo to use the last dependencies and with some improvements.

I also deployed to Netlify:

To have your project working with the last version of Storybook you also have to add to your package.json devDependencies "babel-loader": "^8.0.5".

@jsilva-pt thanks! my team managed to get it sorted! We have to tweak things a bit work with our boilerplate, but got it working.

Alright :) I'm happy for you.