构建工具

Storybook 的核心功能由 Webpack 和 Vite 等构建工具提供支持。这些构建工具启动开发环境，编译您的代码（JavaScript、CSS 和 MDX）成可执行的包，并实时更新浏览器。

Storybook builder overview

CLI 基础知识

在深入了解 Storybook 构建工具的设置之前，让我们先了解一下 CLI 如何配置它们。当您初始化 Storybook（通过 npx storybook@latest init）时，CLI 会根据您的应用程序自动检测要使用的构建工具。例如，如果您使用的是 Vite，它将安装 Vite 构建工具。如果您使用的是 Webpack，它默认安装 Webpack 5 构建工具。

此外，您还可以向 Storybook 的 CLI 提供标志并指定您想要使用的构建工具。

npx storybook@latest init --builder <webpack5 | vite>

手动设置

如果您没有指定构建工具，Storybook 默认使用 Webpack 5 构建工具。如果您想在应用程序中使用其他构建工具，这些文档详细介绍了如何设置 Storybook 支持的构建工具。

Vite 构建工具 用于使用 Vite 捆绑您的故事，并提供接近即时的 HMR。
Webpack 用于使用 Webpack 捆绑您的故事，并提供改进的性能。