gwt-style OBF
. The problem is I have an index.html file where I setup / import some external Vue Files with Sysmte.js like follwing: <script>System.import('./js/main.js').catch(function (err) { console.error(err); });</script>
in main.js the vue component is implemented and I have also an JsInterop with VueGWT(LINK), where i for example make JsInterops like in main.js I have a method hello: function() { .... }
and in my VueComponent.java I have public native void hello();
. Overall this works in Detailed Modus
when I am compiling the gwt app, but in OBF-Modus
it says that the functions are not found . Whats the problem actually ?
hello()
method marked as a jsmethod?
In the last days I spend some time to think about, how the experience of debugging with the SuperDevMode can be improved.
I personally don't use source-map and I prefer to debug the JavaScript code in Chrome DevTools. For a better understanding/mapping of the code I use the -XmethodNameDisplayMode
ABBREVIATED compiler option. The main reason why I don't use source-map to debug the Java code, is because it is not possible to evaluate expressions in the debugger/console/devtool(please correct if this is wrong).
By using some devtoolsFormatters I personally think that the debug experience is quite okay but it could be better. Some of my colleagues complains that the debug experience (also if it was sometime slow) much better with the old DevMode.
They prefer to debug the Java-Code and they miss the possibility to evaluate expressions by using source-map.
In our company we primary use Jetbrains IDEA aus IDE. And by debugging in IDEA the devtoolsFormatters can not be used.
It would be nice to hear what is your preferred why to debug your GWT code?