storybookjs/vue-cli-plugin-storybook

No longer using css prepend data in vue.config.js

travis-w opened this issue · 5 comments

travis-w commented

I was just setting up a project and used this plugin (v1.1.0), it seems that the scss I have added in vue.config.js via the css > loaderOptions > sass > prependData is no longer being added in storybook as well.

I set a few projects up last week and it works just fine for those projects, so it seems to be new in the 1.1.0 release.

pksunkara commented

Try using Storybook@5.2.x. If you set the project as new, it would install storybook 5.3

travis-w commented

When I specified ~5.2.0 for the versioning, the plugin still generates the config as if its trying to set up 5.3.x with just main.js. And then errors when I try to run it because storybook expects the config.js

travis-w commented

UPDATE: So, I'm not sure if this is an issue with the plugin or not, but it looks like the prependData is getting loaded (with storybook 5.3) if I have a preview.js and inside that preview.js file I import an empty sass file.

pksunkara commented

Can you give me an example repo so that I can experiment with the preview.js file and check whats happening?

travis-w commented

Here is a quick repo with the issue: https://github.com/travis-w/storybook-plugin-issue

I just generated a vue project, added storybook via plugin. Then added the prependData in vue.config.js and created preview.js and styles.scss in config/storybook.

Let me know if you need anything else.