storybook/docs/snippets/common/storybook-main-webpack-preset-config.js.mdx

```js
// .storybook/main.js

export async function webpack(baseConfig, options) {
  // Modify or replace config. 
  // Mutating the original reference object can cause unexpected bugs,
  // so in this example we replace.
  const { module = {} } = baseConfig;

  return {
    ...baseConfig,
    module: {
      ...module,
      rules: [
        ...(module.rules || []),
        {
          /* some new loader */
        },
      ],
    },
  };
}
```