Skip to content

Latest commit

 

History

History
39 lines (25 loc) · 1.42 KB

babel.md

File metadata and controls

39 lines (25 loc) · 1.42 KB
Raw
title
Babel

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:

// .storybook/main.js

module.exports = {
  //...
  babel: async (options) => ({
    ...options,
    // any extra options you want to set
  }),
};