3

我的问题是如何在 Laravel-Vue 应用程序中使用 Storybook 组件。我尝试将 Storybook 提取到静态应用程序并将其导入第二个应用程序,但它不起作用。我用了

https://storybook.js.org/basics/exporting-storybook/

https://storybook.js.org/basics/exporting-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,
    }
}
4

1 回答 1

0
npx -p @storybook/cli sb init --type vue

你可以简单地输入这个命令,它会为你生成一个简单的 vue js 样板版本

于 2020-04-16T12:39:33.820 回答