vite-lingui-poc VS awesome-vite

We'we migrated a big react.js project(200k LOC plus) from webpack to vite.js in the past month. It uses tons of custom stuff like multiple entry points and multiple index.html pages, babel macros, less files, graphql, whatever. We need to target IE11, so the bundle must be ES5 compatible.It does have a few small warts, but so far it's been good. Builds are faster and HMR is instant.Startup is always under 2 seconds, inital load in the browser is around 10 seconds, versus webpack where it took 35 for the initial bundling.We had to modify their official plugins just a tiny bit, for example here, but the whole thing is so much easier to configure and maintain than webpack. Once a small community forms around vite.js, it's going to obliterate webpack.

Vite is a modern front-end build tool that significantly improves the development experience with its fast cold server start and hot module replacement. It leverages native ES modules and is optimized for speed and efficiency.

🔨 Vite ⚡

https://github.com/vitejs/awesome-vite#react

I suggest Vite community templates https://github.com/vitejs/awesome-vite

here

I saw Vite but not sure how easy it is to switch to that from an existing project.

I think most around here currently recommend Vite for a quick up and running SPA. If you'd like some tooling already set up, you can check out some of the community made templates at awesome vite.

It is super easy to get started with Vite and there is really no hard learning curve either. If you want to learn more about all the awesome things Vite can do, Check out this repo.

Vite has templates and plugins that you can install as project dependencies or use them. You can find a list of that and more here.