Vite migration

[Neues]

Closes #

Replaces Storybook Webpack builder with Vite, providing faster startup and refresh times.

Changelog

New

• {{new thing}}

Changed

• {{change thing}}

Removed

• {{removed thing}}

Testing / Reviewing

• yarn install
• yarn build, and if this fails, yarn rebuild
• cd packages/react
• yarn storybook

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	5aa82fe
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/6764708c4f490a00088cbe44
😎 Deploy Preview	https://deploy-preview-17860--v11-carbon-web-components.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	91ab138
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/671a39edea50d4000881dee6
😎 Deploy Preview	https://deploy-preview-17860--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	5aa82fe
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/6764708c917d740008a70ffc
😎 Deploy Preview	https://deploy-preview-17860--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[guidari]

Hey @Neues
Here it is a issue for this migration. We already tried to start a couple months ago as well, so you might find code in the old commits of this PR
Until this commit it was using vite.

[Neues]

Hey @Neues Here it is a issue for this migration. We already tried to start a couple months ago as well, so you might find code in the old commits of this PR Until this commit it was using vite.

Hi @guidari, thanks for having a look at this already. I was referencing the work you linked as I was drafting this up. I don't think I'm experiencing the same problems that you were with the __DEV__ global, but I'm not as familiar with it. I don't see errors in console or on the storybook UI about __DEV__ being undefined. However, in ModalWrapper for example, I do not see the warning in console that is meant to be produced here. If I move this check into the render, I start seeing it. I also see it in the console when looking at unstable__StaticNotification as expected.

[guidari]

Hey @Neues
I just put this PR on my sprint work. I'm gonna take a look at it so we can finish this migration together!

[guidari]

I'm seeing this error when running yarn storybook in this PR. Is it the same one you are experience?

[Neues]

I'm seeing this error when running yarn storybook in this PR. Is it the same one you are experience?

Hi @guidari, no, I was able to run this locally and I wasn't seeing any errors when doing so. Try running yarn build or yarn rebuild after running yarn install

[guidari]

Weird, mine isn't working 🤔
If you could to solve those conflicts I can try to pull again to check it out.

[Neues]

Ok yeah, I also saw the issue after merging in from main. I found this in the FAQ and was able to get it working.
https://storybook.js.org/docs/faq#how-do-i-fix-module-resolution-in-special-environments

I bumped the versions up to latest as well, should be using vite@6 now. It was running for me locally.

[guidari]

Cool! I was able to run Storybook without errors. I also ran yarn dedupe and yarn format and pushed a change to prevent unintended modifications.

I guess we just have to figure it out why the building isn't working.