[Feature]: Storybook Support

[edhgoose]

What problem does this feature solve?

We would like an "easy" way to get started with Storybook.

We used to do everything in webpack but due to performance issues we moved our Storybook config from Webpack to Vite.

Since discovering rsbuild, we've seamlessly migrated all of our webpack configuration - it was a genuine joy to do!

But we've struggled with how to remove the Vite config for Storybook. Trying to understand the rspack config for our rsbuild has helped (using rsbuild inspect), but we've not been able to completely get it so far.

A plugin for Storybook to support rsbuild would be awesome.

What does the proposed API look like?

I think the perfect solution for us would look something like this (this is a Storybook main.ts example

const config: StorybookConfig = {
    framework: {
        name: "@storybook/react-rsbuild",
        options: {
            // Our Storybook configuration isn't in the same folder as our rsbuild. We currently tell rsbuild where to look
            // for a config file.
            rsbuildConfigFile: "../path/to/rsbuild.config.ts"
        },
    },
    rsbuildFinal: (config, { configType }) => {
        // Some way of modifying the rsbuild if necessary
    },
};

export default config;

It would be inspired by the work going on for rspack, e.g.:

• https://github.com/storybookjs/storybook/issues/21561
• https://github.com/rspack-contrib/rspack-examples/tree/main/rspack/react-storybook

[chenjiahan]

We have implemented a storybook framework for Modern.js based on Rsbuild and it worked very well, see: https://modernjs.dev/en/guides/advanced-features/using-storybook.html (Modern.js is a web framework based on Rsbuild)

It would be great if we could implement a storybook framework for Rsbuild users, we will include this in our future plans. 😄

[chenjiahan]

@fi3ework is working on this, we will share here when we make progress 😄

[fi3ework]

@edhgoose We just released Rsbuild builder for Storybook in https://github.com/rspack-contrib/storybook-rsbuild. You could give it a try now. Feel free to feed back if you need any help or encounter any issue!

[edhgoose]

Hey @fi3ework @chenjiahan - thank you so much. I've started playing with it, but unfortunately hit an issue:

https://github.com/rspack-contrib/storybook-rsbuild/issues/21

I'm not sure how best to debug it, I feel a bit lost - if there's anything I can provide you to figure out the issue I gladly will.

Thanks!