java - 实时更新Spring boot项目的前端变更

Question

我使用 Spring boot 项目，前端是用 HTML/CSS/JavaScript 编写的。到目前为止这很简单，我感觉唯一的问题是每次更改前端时，我都需要关闭并重新启动 IntelliJ一遍又一遍地。这很烦人并且非常耗时。在阅读了一些网上帖子后，我做了以下步骤，似乎程序可以识别更新后端，但是，原始需求仍然没有得到满足。

A.我在POM中使用maven依赖文件，

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

文档说，运行完全打包的应用程序时，开发人员工具会自动禁用。如果您的应用程序是使用 java -jar 启动的，或者使用特殊的类加载器启动的，则它被视为“生产应用程序”。所以，我把包装改成了war文件在 POM喜欢 <packaging>war</packaging>

此外，在 IntelliJ设置，我已经更改为 Compiler -> make project automatically

B.我添加了LiveReload Chrome extension到浏览器。当我单击该图标时，似乎会刷新页面。但是，HTML的内部变化不反射(reflect)浏览器。

如何将 Spring boot 项目的前端更改实时更新到 Chrome 浏览器？这对了解会有很大帮助，谢谢。

更新

正如有人问的，我打算使用thymeleaf来开发前端并具有 POM 中的依赖项文件。

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

application.properties下面提供了文件，

Thymeleaf 的缓存提供为false .

spring.thymeleaf.cache=false

Answer 1

我发现评论中建议的有用的解决方案是再次构建项目，然后刷新/实时更新浏览器中的页面。在 Mac OS 中，它将是 COMMAND + FN + F9 或使用 GUI

您当然不需要重新启动项目，这节省了大量时间。