在 Storybook monorepo 中提供静态资产

ron*_*nen 3 reactjs lerna storybook yarn-workspaces

我有一个 lerna + 纱线工作区 monorepo,它使用故事书。
每个包/组件都有自己的 /assets 文件夹,其中包含静态图像,如下所示:

/packages
     /component1
            /assets
                  ... 静态图像
            index.tsx
     /component2
            /assets
                  ... 静态图像
            index.tsx

在官方文档中,它说包含-s选项,但它仅适用于单个通用资产文件夹,不适用于每个包: start-storybook -p 6006 -s assets

我如何为每个组件提供故事书中的这些静态资产?

Jos*_*hua 5

, 如果按照此处所述通过 a 分割静态目录,则可以指定多个静态目录。

另外,如果您使用未记录的 分割源位置和路径位置,您还可以指定一个提供服务的路径,但您可以在此处的源代码中:查看此分割调用。

在本例中将它们放在一起,您可以运行

"scripts" {
  "storybook": "start-storybook -s ./packages/component1/assets:assets,./packages/component2/assets:assets"
}
Run Code Online (Sandbox Code Playgroud)