如何将 Storybook 作为同一域的一部分提供服务？

Question

有没有办法

serve

当我们从nextJS构建故事书时生成的静态

index.html

？

我的静态故事书网站是为了

~/build/storybook/...

而构建的。

我希望能够使用 NextJS 路由到该文件，例如

http://mysite/storybook

您将如何使用基于 NextJS 文件的路由器来做到这一点？

Answer 1

您可以将 Storybook 构建输出到 NextJS 应用程序中的

public

文件夹。

所以，对于您的网站；你可以：

{
  "scripts: {
    "build-storybook": "storybook build --output-dir ./public/storybook"
  },
}

现在，当您运行构建 Storybook 时，它将输出到

public/storybook

文件夹，该文件夹可以像任何其他公共资产一样访问。