跳至主要内容

Frontend watch

在 ChatGPT 中打开

前端监视器在应用运行时重建src/main/frontend下的源代码,并将输出发送到浏览器。这是前端打包工具的开发部分,需要将webforj.devtools.livereload.enabled设置为开启,请参阅设置

运行监视

在启动应用的目标之前运行watch目标。原型项目将其设置为默认目标,因此不带参数的mvn将同时运行两者:

mvn compile webforj:watch spring-boot:run
mvn compile webforj:watch jetty:run

要将监视作为独立的构建步骤运行,请参阅构建和测试

输出的应用方式

浏览器的操作取决于生成的输出,而不是编辑的文件:

输出浏览器操作
样式表,来自.css.scss.sass.less就地应用。无需重载,表单数据和滚动位置保持不变。
图像就地替换。无需重载。
任何其他输出,如编译后的.ts.tsx.js视图重载。

当一次重建生成多个文件时,仅当每个文件都合格时,浏览器才会就地应用它们。否则会重载一次,因此更改不会部分应用。

在服务器重启期间

没有热替换工具的Java更改会重启服务器。在重启期间:

  • 应用的样式将保留在页面上。
  • 指示符会在服务器关闭时显示。它仅在重启时出现,而不在手动重载时出现。
  • 应用准备好后,页面才会重载,而不会提前。

@BundleEntry的添加或移除在重启完成时生效。