如何清除Vaadin 23的CSS缓存？本地开发环境操作咨询

以下是几种高效解决本地开发时CSS缓存问题的方案，无需每次重新构建WAR包：

• 禁用Vaadin前端缓存
  启动应用时添加JVM参数强制关闭前端缓存：
  -Dvaadin.frontend.cache.disable=true
  如果是Spring Boot项目，也可以在application.properties里配置：
  vaadin.frontend.cache.disable=true

• 浏览器硬刷新
  无需清理完整历史记录，直接用快捷键强制加载最新资源：

  • Windows/Linux：Ctrl + Shift + R
  • Mac：Cmd + Shift + R

• 手动清理本地缓存目录
  Vaadin会在项目本地存储前端缓存文件，直接删除以下目录后重启应用即可：

  • Maven项目：target/vaadin-frontend、node_modules/.cache
  • Gradle项目：build/vaadin-frontend、node_modules/.cache

• 开启自动刷新功能
  确保本地开发时启用了Vaadin开发模式（默认启动已开启），同时在IDE中开启自动编译（比如IntelliJ IDEA的"Build project automatically"选项）。修改CSS后，Vaadin会自动检测文件变化并重新编译加载，无需手动重启应用。

• 开发者工具禁用缓存
  打开浏览器开发者工具（F12），切换到"Network"面板，勾选"Disable cache"选项。保持开发者工具打开的情况下，浏览器会跳过缓存直接加载最新资源，适合持续调试CSS的场景。

内容的提问来源于stack exchange，提问作者Eyvind Almqvist