Storybook’s webpack config by default sets up Babel for ES6 transpiling. Storybook works with evergreen browsers by default.
If you want to run Storybook in IE11, make sure to disable the docs-addon that is part of @storybook/addon-essentials, as this currently causes issues in IE11.
Here are some key features of Storybook's Babel configurations.
Default configuration
We have added ES2016 support with Babel for transpiling your JS code.
In addition to that, we've added a few additional features, like object spreading and async await.
Check out our source to learn more about these plugins.
Custom config file
If your project has a .babelrc file, we'll use that instead of the default config file.
You can also place a .storybook/.babelrc file to use a special configuration for Storybook only.
Custom configuration
If you need to further configure/extend the babel config Storybook uses, you can use the babel field of .storybook/main.js:
