flow: Vite doesn't detect changes in files in target/flow-frontend

any updates ?

Thanks for the information. @ggecy do you mind sharing some information about your file watcher solution?

I don’t see any button to attach the file here, so I tried to share it on goodle drive: https://drive.google.com/file/d/1P-1umxNEKjkMxp2iBP0IFJbWOTr6R-jt/view?usp=sharing

The file is experimental, not a clean code, but it works… Feel free to modify it for your needs. It will try to find all META-INF/resources/frontend, META-INF/frontend and META-INF/resources/themes folders in any target folder of your modules on classpath and copies them to target/flow-frontend folder in your bootstrap module whenever it detects a change with slight delay to avoid duplicate activations. Also you need to press compile button in Intellij Idea if you modify your js/ts/css files in mentioned folders so they get copied to target (it doesn’t watch the src folder). It doesn’t do anything by itself, you need to register it as listener when starting your spring boot application:

public static void main(String[] args) {
        SpringApplication application = new SpringApplication(YourApplication.class);
        application.addListeners(new WebpackFrontendResourceExtractor());
        application.run(args);
    }

If you set this in your vite.config.ts it should work

import { UserConfigFn } from 'vite';
import { overrideVaadinConfig } from './vite.generated';

const customConfig: UserConfigFn = (env) => ({
  // Here you can add custom Vite parameters
  // https://vitejs.dev/config/

  server: {
    watch: {
      ignored: ['!**/node_modules/@vaadin/flow-frontend/**'],
    },
  },
  optimizeDeps: {
    exclude: ['@vaadin/flow-frontend'],
  },
});

export default overrideVaadinConfig(customConfig);