Spring Boot应用：如何在运行时热修复JavaScript代码变更

Hey there! I totally feel your pain—having to restart Tomcat every time you tweak a JavaScript file is such a tedious waste of time. Let's get that hot-reloading working in Eclipse so you can see your JS changes instantly without rebooting the server. Here's how to set it up step by step:

Spring Boot DevTools is built specifically for this kind of hot-reloading scenario. It watches for changes in your project files and refreshes the application (or just the static resources) automatically. Here's how to add it:

Add the DevTools dependency #

• If you're using Maven, add this to your pom.xml:

  <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-devtools</artifactId>
      <optional>true</optional>
  </dependency>
  

• For Gradle projects, add this line to your build.gradle:

  developmentOnly 'org.springframework.boot:spring-boot-devtools'
  

Configure DevTools for static resources #

Open your application.properties (or application.yml if you prefer YAML) and add these settings to disable caching and tell DevTools to watch your static files:

# Turn off caching for static resources so changes load immediately
spring.web.resources.cache.cachecontrol.no-cache=true
spring.web.resources.cache.cachecontrol.no-store=true
spring.web.resources.cache.cachecontrol.must-revalidate=true

# Tell DevTools to monitor changes in the static resources directory
spring.devtools.restart.additional-paths=src/main/resources/static
spring.devtools.restart.enabled=true

Enable automatic builds in Eclipse #

DevTools relies on Eclipse detecting file changes quickly. Go to Project > Build Automatically and make sure the checkbox is ticked. This way, every time you save a JS file, Eclipse will refresh it, and DevTools will pick up the change.

Sometimes Eclipse's default settings can slow down file detection. Double-check these:

• Go to Window > Preferences > General > Workspace and select Refresh using native hooks or polling. This ensures Eclipse picks up file changes as soon as they happen.
• Under Window > Preferences > Java > Compiler > Building, confirm that Build automatically is checked (this should match the project-level setting you enabled earlier).

If your JavaScript files are stored in the standard src/main/resources/static (or src/main/resources/public) directory, here's what happens after setup:

1. You edit your JS file and hit Ctrl+S (Cmd+S on Mac) to save.
2. Eclipse automatically builds/refreshes the file thanks to "Build Automatically".
3. DevTools detects the change and refreshes the static resource cache.
4. Just do a hard refresh in your browser (Ctrl+Shift+R on Windows/Linux, Cmd+Shift+R on Mac) to see the updated JS—no server restart needed!

• If changes still don't show up, try manually refreshing your project: right-click the project in Eclipse's Package Explorer > Refresh (or press F5).
• Make sure your browser isn't caching the old JS. A hard refresh (as mentioned above) will bypass the cache.
• If you're using a frontend build tool like Webpack or Vite, configure it to output compiled JS files directly into src/main/resources/static—this way DevTools can watch the final output files as they change.

内容的提问来源于stack exchange，提问作者Harshal Patil