如何注册插件以在 Storybook 运行的组件库中使用？

Question

我想在我的组件库中使用vue-virtual-scroller，它需要通过 app.use() 方法注册为插件。

但是，组件库没有应用程序实例，因为它是由 Storybook 通过

npm run storybook

运行的，并且 main.ts 文件仅导出库组件。

如何将插件正确添加到组件库中？

Answer 1

取决于你使用的是哪个版本的storybook和vue 对于storybook@8 + vue3，您可以关注https://github.com/storybookjs/storybook/tree/47f753f5e8d084b4d544cf1ec76077a9382aa6b2/app/vue3#extending-the-vue-application

对于storybook@7 + vue2，只需将其添加到

.storybook/preview.{ts,js}

import Vue from 'vue'
import MyPlugin from 'my-plugin'

Vue.use(MyPlugin)