App gets all codebase files before starting app after refresh

[karolis-palsauskas-devoteam]

Hey, we use react with monorepo structure (with yarn workspaces).

Because we migrated from standalone app with CRA I didn't immediately noticed that after hard refresh (ctrl+r) it takes a long time for app to actually start working. It looks like it sends all files from codebase and app only starts working after ~4 seconds. Any ideas why?

My vite.config.mts file:

import react from '@vitejs/plugin-react-swc';
import { defineConfig } from 'vite';
import svgr from 'vite-plugin-svgr';

import { resolve } from 'path';

export default defineConfig({
  plugins: [react(), svgr()],
  server: {
    host: 'localhost',
    port: 3000,
  },
  build: {
    rollupOptions: {
      external: [/^node:.*/, '../common'],
    },
  },
  resolve: {
    preserveSymlinks: true,
    alias: {
      // common
      '@common/assets': resolve(__dirname, '../common/assets'),
      '@common/components': resolve(__dirname, '../common/components'),
      '@common/providers': resolve(__dirname, '../common/providers'),
      '@common/theme': resolve(__dirname, '../common/theme'),
      '@common/utils': resolve(__dirname, '../common/utils'),

      // local
      '@local/api': resolve(__dirname, './src/api'),
      '@local/assets': resolve(__dirname, './src/assets'),
      '@local/components': resolve(__dirname, './src/components'),
      '@local/config': resolve(__dirname, './src/config'),
      '@local/hoc': resolve(__dirname, './src/hoc'),
      '@local/hooks': resolve(__dirname, './src/hooks'),
      '@local/pages': resolve(__dirname, './src/pages'),
      '@local/providers': resolve(__dirname, './src/providers'),
      '@local/router': resolve(__dirname, './src/router'),
      '@local/state': resolve(__dirname, './src/state'),
      '@local/utils': resolve(__dirname, './src/utils'),
    },
  },
});