Issues with code splitting and bundling: Is code splitting and lazy loading possible in development mode? How to split and lazy load translations?

[grabowsd]

I’m migrating our react app from react-scripts to Vite. 


I’m having two issues with code splitting and bundling:



1. I noticed that when I run the app in development mode all chunks are loaded and lazy loading is not working but when I run production preview the lazy loading is working properly. I use react lazy for code splitting. Below is my Vite config. Is it possible to enable code splitting in development mode? Is there anything that I’m missing from the vite config? 



2. The second issue is that translations are not being split and they are included in index chunk making it very heavy. I use react-intl and babel to translate the app into different languages. How can I split and load the translations when required? Previously I used require.context from Webpack to split and lazy load translations.
   When I use dynamic imports the translations are not being loaded when language changes.

[mleister97]

Any updates?