Auto Building while developing

General
1

Hi guys, is here anyone using Intellij + Vaadin 25 + Spring who is able to reliably use hotdeploy when changing css and or java Views?

I have really a lot of trouble with that! I change css, save it and page shows directly the changed css. Then i add a button in Java Class for example, it reloads and the CSS change is gone. Its so anoying . Then i need to prepear frontend, build frontend and what ever, after some rebuilding it finally shows the correct css .

Its not a Browser issue - i have no clue what this could be! Is there anyone who could share Intellij Settings/Plugins and application.properties or what ever?

My CSS is located under resources / META-INF / resources / / style.css and other css files which are imported into the style.css

2

I believe it happens, but is really har to replicate. That makes me think it is specifically something in your setup. Could you check from the Vaadin dev mode and “App Info”?

Mine looks like this for the default Vaadin demo I downloaded earlier for 25.1:

Flow: 25.1.7
Vaadin: 25.1.6
Spring Boot: 4.0.6
Spring: 7.0.7
Copilot: 25.1.5
Frontend Hotswap: Pre-Built Bundle
OS: aarch64 Mac OS X 26.5.2
Java: JetBrains s.r.o. 25
Browser: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/150.0.0.0 Safari/537.36
Java Hotswap: Java Hotswap is enabled
IDE Plugin: 1.6.3 IntelliJ

3

What the correct place where CSS files / themes must be located. Its confusing. should it be unter src/main/frontend/theme or unter META-INF? MAybe thats the reason why it not works correctly

4

Indeed it is. I made the changes through the Vaadin editor inside the browser to see where they land.

5

And what is the correct structure? Should all the CSS files be unter src/main/frontend/themes/mytheme

or under META-INF?

I thought from Vaadin 25 its necassary to have it unter META Inf, but maybe i am mixing some features with reusable theme or so

6

In my test it was at least in src/main/resources/META-INF/resources/styles.css

7

and do you use @Theme or how do you bound it into your project?

8

No, this is Aura. Like here: vaadin-demo/src/main/java/com/vaadin/demo/Application.java at main · vaadin/vaadin-demo · GitHub

9

@Theme is a deprecated feature (but still supported).
Styles should go in src/main/resource/META-INF/resources and they are served directly by the servlet container.

For reference: Using stylesheets in Vaadin applications