Vue Component Template Hot Reload - Githubissues

gwtboot / gwt-boot-samples

GWT Boot: Samples to check all the Starters

Apache License 2.0

40 stars 23 forks source link

Vue Component Template Hot Reload #10

Closed oedemis closed 4 years ago

oedemis commented 4 years ago

Why can the changes not hot reload if i change the code in html template files ?

lofidewanto commented 4 years ago

Did you try to reload the "Jetty" web server from the Swing UI? Because it is HTML and not JavaScript... So we need to reload it from Jetty...

oedemis commented 4 years ago

yes it is not working

lofidewanto commented 4 years ago

I tested following:

Change index.html: refresh works after reload the web browser 2 times.
Change CounterComponent.html: refresh does not work at all. I need to do mvn clean to see my changes.

lofidewanto commented 4 years ago

In the mean time I asked the VueGWT discussion: https://gitter.im/VueGWT/vue-gwt

I'll inform you when I get the answer.

lofidewanto commented 4 years ago

CounterComponent.html --> from this file you will need to generate the Java files. Afterwards the Java files should be transpiled to JavaScript files. For this purpose we need to activate the APT generator.

These are the generated files:

/gwt-boot-sample-ui-vue-gwt/target/generated-sources/annotations/com/github/gwtboot/sample/ui/vuegwt/client/components/counter/CounterComponentExposedType.java
/gwt-boot-sample-ui-vue-gwt/target/generated-sources/annotations/com/github/gwtboot/sample/ui/vuegwt/client/components/counter/CounterComponentFactory.java

If you check the file CounterComponentExposedType you can see whether the code is regenerated or not.

So I think it's a matter of running Java APT generator to regenerate the Java classes.

lofidewanto commented 4 years ago

In the meantime I got an answer:

javac compiler apt only recognizes Java files and not HTML files therefore it won't regenerate the Java files from the HTML files. You can "push" Maven to do this by using "mvn clean".
Another solutions is to use extension of your IDE and here is how: https://vuegwt.github.io/vue-gwt/guide/project-setup.html#configure-your-ide

Over there you can use VueGWT plugin for IntelliJ or Eclipse which could notice if you change your HTML files and regenerate the Java files.

lofidewanto commented 4 years ago

That's it, hope it helps you...