我的问题是如何在 Laravel-Vue 应用程序中使用 Storybook 组件。我尝试将 Storybook 提取到静态应用程序并将其导入第二个应用程序,但它不起作用。我用了
和
我想自动导入所有故事书,而不是手动导入一些组件。如果有任何帮助,我将不胜感激。:)
问题解决了!
首先:在故事书文件的 index.js 文件中,您必须导出组件
import MyComponent from './src/components/MyComponent.vue';
export default {
MyComponent
}
其次:将所有项目推送到例如 git 或作为 npm 包。
第三:将storybook导入到package.json中的另一个项目中
dependencies
"dependencies": {
"storybook": "git+http://path-to-project-with-storybook"
}
下一次运行npm update
第四:在你的项目的js文件中从storybook中导入组件
import storybook from 'storybook'
export default {
name: 'app',
components: {
MyComponent : storybook.MyComponent,
}
}