Vite build chunk size issue

[shellyear]

I've created this separated issue, to solve the chunk size warning when running npm run built, since the output file's size is too big, the code splitting or other methods should be implemented to reduce it's size

[palagdan]

This issue remains unresolved: GitHub Discussion #9440.

I tried two different approaches to solve it, but neither worked:

Automatically creating separate chunks:

1. automatically make separate chunks with:

 export default defineConfig({
....
build: {
        rollupOptions: {
            output:{
                manualChunks(id) {
                    if (id.includes('node_modules')) {
                        return id.toString().split('node_modules/')[1].split('/')[0].toString();
                    }
                }
            }
        }
    }
});

However, this caused CSS issues in production:

2. Increasing the chunk size limit:

chunkSizeWarningLimit: 1600,

This did not help; the chunks still exceed the specified limit.