--watch mode does full re-build instead of incremental build

[Ruthvik94]

Describe the bug

My Vite config:

/** @type {import('vite').UserConfig} */
import path from 'path';
import { defineConfig, splitVendorChunkPlugin } from 'vite';
import react from '@vitejs/plugin-react';
import { rm } from 'fs/promises';
import { visualizer } from 'rollup-plugin-visualizer';

const BUILD_DIR = path.resolve(
  __dirname,
  './web/webroot/_ui/responsive/common/'
);

export default defineConfig({
  plugins: [
    react(),
    splitVendorChunkPlugin(),
    visualizer({
      gzipSize: true,
      open: false,
    }),
  ],
  mode: 'development',
  esbuild: {
    loader: 'jsx',
  },
  optimizeDeps: {
    esbuildOptions: {
      loader: {
        '.js': 'jsx',
      },
    },
    exclude: ['*.locale', '*moment'],
  },
  resolve: {
    alias: {
      base: path.resolve(
        __dirname,
        './web/webroot/WEB-INF/_ui-src/react/assets/stylesheets/base'
      ),
      components: path.resolve(
        __dirname,
        './web/webroot/WEB-INF/_ui-src/react/assets/stylesheets/components'
      ),
      '@images': path.resolve(BUILD_DIR, './images'),
      '@fonts': path.resolve(BUILD_DIR, './fonts'),
      public: path.resolve(__dirname, 'public/'),
    },
  },
  base: './',
  logLevel: 'info',
  build: {
    outDir: path.resolve(__dirname, './web/webroot/_ui/responsive/common'),
    emptyOutDir: false,
    assetsDir: 'assets',
    rollupOptions: {
      input: {
        index: './src/App.jsx',
        customTable: './src/CustomTable/CustomTable.jsx',
        wizard: './src/Wizard/Wizard.jsx',
      },
      output: {
        entryFileNames: `js/react/[name].bundle.js`,
        chunkFileNames: function ({ name }) {
          if (name === 'vendor') {
            return `js/react/vendors.bundle.js`;
          }

          return `js/react/[name].bundle.js`;
        },
        assetFileNames: function (file) {
          if (file.name.match(/\.(bmp|gif|jpe?g|svg|png)$/)) {
            return `images/[name].[hash:8].[ext]`;
          }

          if (file.name.match(/\.(ttf|otf|eot|woff|woff2)$/)) {
            return `fonts/[name].[ext]`;
          }

          if (file.name.match(/\.(le|c)ss$/)) {
            return `css/[name].css`;
          }
        },
      },
    },
    watch: true,
    minify: false,
    sourcemap: true,
  },
});

webpack config: similar to above vite config with minor changes to be compatible with webpack v5

export default = {
  devtool: 'source-map',
  watch: true,
  watchOptions: {
    ignored: ['node_modules'],
    poll: 1000
  }
};

Issue is, Webpack v5 does a build, emits files and watches for changes. On any change, the rebuild happens almost instantaneously.
Whereas in Vite, build happens successfully and watches for changes. On change, it's a full rebuild taking more time than initial first build rather than doing incremental build.

Reproduction

https://stackblitz.com/edit/vitejs-vite-1ytjiw

Steps to reproduce

Intially run command "npm run vite:watch", time it takes to build is around ~10s. Modify a file and check the build time, it's around ~4s.

Now run command, "npm run dev:webpack", intial build roughly takes the same amount of time. Modify a file and check the build time, it's less than ~1s around 600ms.

System Info

'''shell
Windows, mac
'''

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[github-actions]

Hello @Ruthvik94. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs reproduction will be closed if they have no activity within 3 days.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-1ytjiw (Open reproduction)

[Ruthvik94]

I've updated the reproduction URL, can someone check this?