GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 16:11:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

Address comments

Browse Source
This commit is contained in:
Kyle Gach 2024-03-07 10:40:54 -07:00
parent d392a90776
commit f9646ddf04
1 changed files with 38 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
docs/get-started/react-webpack5.md
View File

@ -24,7 +24,7 @@ Storybook for React & Webpack is only supported in [React](?renderer=react) proj
- React ≥ 16.8
- Webpack ≥ 5.0
- Storybook ≥ 7.0
- Storybook ≥ 8.0
## Getting started
@ -82,7 +82,43 @@ First, install the framework:
<!-- prettier-ignore-end -->
Then, update your `.storybook/main.js|ts` to change the framework property:
Next, install and register your appropriate compiler addon, depending on whether you're using SWC (recommended) or Babel:
<Callout variant="info">
If your project is using [Create React App](#create-react-app-cra), you can skip this step.
</Callout>
<!-- prettier-ignore-start -->
<CodeSnippets
paths={[
'common/storybook-addon-compiler-swc-auto-install.npm.js.mdx',
'common/storybook-addon-compiler-swc-auto-install.pnpm.js.mdx',
'common/storybook-addon-compiler-swc-auto-install.yarn.js.mdx',
]}
/>
<!-- prettier-ignore-end -->
or
<!-- prettier-ignore-start -->
<CodeSnippets
paths={[
'common/storybook-addon-compiler-babel-auto-install.npm.js.mdx',
'common/storybook-addon-compiler-babel-auto-install.pnpm.js.mdx',
'common/storybook-addon-compiler-babel-auto-install.yarn.js.mdx',
]}
/>
<!-- prettier-ignore-end -->
More details can be found in the [Webpack builder docs](../builders/webpack.md#compiler-support).
Finally, update your `.storybook/main.js|ts` to change the framework property:
<!-- prettier-ignore-start -->