如何在多个前端添加故事书故事目录？
如何在多个前端添加故事书故事目录？
提问于 2021-11-10 04:24:21
我们希望将项目的Storybook组件集成到多个目录中，但通过.storybook/main.js中的设置访问所有这些组件
我们的目录如下所示：several frontends storybook directory (image)
您还可以查看Git存储库：https://github.com/Venture-Capitol
现在我们使用变通方法来注释掉main.js配置中不需要的部分，但显然这不是一个长期的解决方案。
看起来是这样的：
module.exports = {
stories: [
// TODO: make all stories visible at the same time
// --- GPF components ---
"../../../apps/frontend/src/components/stories/**/*.stories.mdx",
"../../../apps/frontend/src/components/stories/**/*.stories.@(js|jsx|ts|tsx)",
// // --- UTR components ---
// "../../../apps/utr-frontend/components/stories/**/*.stories.mdx",
// "../../../apps/utr-frontend/components/stories/**/*.stories.@(js|jsx|ts|tsx)",
// // --- Global components ---
// "../../components/stories/**/*.stories.mdx",
// "../../components/stories/**/*.stories.@(js|jsx|ts|tsx)",
],
addons: ["@storybook/addon-links", "@storybook/addon-essentials"],};有什么建议怎么做吗？
提前感谢！！
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-11-10 15:17:17
好吧，我太傻了，我忘了更改单个组件的标题：
import React from "react";
import { action } from "@storybook/addon-actions";
import Button from "../lib/button";
export default {
title: "Global Button", // -- change title here! --
component: Button,
};
export const Text = () => (
<Button onClick={action("clicked")}>Global Button</Button>
);
export const Emoji = () => (
<Button onClick={action("clicked")}>
<span role='img' aria-label='so cool'>
? ? ? ?
</span>
</Button>
);Stack Overflow用户
发布于 2021-11-10 04:28:13
glob模式应该可以解决这个问题。
stories: ['../../**/*.stories.@(js|jsx|ts|tsx|mdx)'],页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69907978
复制相关文章
相似问题
腾讯云开发者
