Enable IntelliJ hotswap of html and javascript files

Question

I'm fairly new to IntelliJ and I'm using it to develop an AngularJS / Java web application. When I make changes to HTML or JavaScript code, I always have to restart the app server (I'm using Jetty). Is there a config or plugin that provides hotswap for HTML/JS/CSS files?

I'm using IntelliJ 12 Ultimate edition.

See http://www.jetbrains.com/idea/webhelp/updating-applications-running-on-application-servers.html . — CrazyCoder, Aug 28 '13 at 15:43

score 31 · Answer 1 · answered Apr 05 '17 at 14:24

31

I had the same problem but I already fixed it. You can follow this steps:

Go to Help->Find Action
Type "Registry".
Find and mark : “compiler.automake.allow.when.app.running”.
Close the Dialog.
Go to "Settings->Build, Execution, Deployment->Compiler".
Mark "Build project automatically".
Apply changes.
Go to Spring Boot Configuration and if everything goes well it will display a warning about "background compilation", Run your Spring Boot Application and you should be able to see your statisc's files changes when refresh your browser.

Hope it helps.

answered Apr 05 '17 at 14:24

Rafael Reyes

2,615
8
34
51

(y) Great that it helped you! @Monir – Rafael Reyes Apr 06 '17 at 20:53
@RafaelReyes Thanks a lot, it works. But why it's not default option and why there is **red** warning like error on spring boot configuration? **Is there any drawbacks of this solution**. – Erlan Aug 30 '17 at 06:36
3

As a note, "Settings" on a Mac is _Preferences_ – JeanValjean Sep 09 '17 at 05:50
Helped for me. Also check this: http://garywaddell.com/2015/11/20/spring-boot-intellij-idea-not-reloading-static-content/ (As JeanValjean stated, yes on a mac it is different "Settings" is "Preferences") – Dirk Schumacher Jan 18 '18 at 09:28
Saved me. Thanks – ktk May 09 '18 at 09:02
1

@RafaelReyes awesome, super helpful. – David542 Jul 04 '18 at 18:55

score 12 · Accepted Answer · answered Aug 28 '13 at 16:00

12

You need the option "Update resources". You should be able find this option in your server Run/Debug configuration.

answered Aug 28 '13 at 16:00

chalimartines

5,603
2
23
33

8

The problem is that when I modify an HTML/JS/CSS file, nothing is getting triggered in IntelliJ to do anything. I think IntelliJ watches for changes to Java code but not to resources. – Dr. Mike Hopper Aug 28 '13 at 17:10
2

I was able to get it working by setting Run/Debug configuration --> "On frame deactivation" to "Update classes and resources". At first I had tried setting the "On 'Update' action" but that event was not getting fired after modifying a resource. – Dr. Mike Hopper Aug 28 '13 at 17:54
1

"On 'Update' action" means what should happen when you hit Update button. This button is in your tab with running applications. – chalimartines Aug 28 '13 at 19:58
9

Ah, okay. I also discovered that the "Update classes and resources" options are only available when the deployment option is an "exploded" war. – Dr. Mike Hopper Aug 29 '13 at 01:49

score 1 · Answer 3 · edited Feb 19 '16 at 12:17

1

As i found this thread interesting, i also found a lot of explanations here: https://www.jetbrains.com/idea/help/updating-applications-on-application-servers.html

edited Feb 19 '16 at 12:17

StaticNoiseLog

1,370
17
27

answered Nov 28 '14 at 12:52

tannax

36
1

score 1 · Answer 4 · answered Aug 28 '17 at 23:03

1

Also, a keyboard shortcut(e.g. Ctrl+F5 or Cmd+F5) to "Run -> Reload changed classes" might come handy. It helps me to save changes multiple times and then restart the server when I'm done (unless using JRebel :)

answered Aug 28 '17 at 23:03

pradip9102

11
2

score 1 · Answer 5 · answered Mar 06 '18 at 01:37

1

One more thing, which might not be obvious - to activate the automatic build you have to activate the IntelliJ window. It is still very convenient, although you have to switch windows when operation only in the browser.

answered Mar 06 '18 at 01:37

GoodJobException

146
3

Enable IntelliJ hotswap of html and javascript files

5 Answers5

Linked