代码之家  ›  专栏  ›  技术社区  ›  Theiaz

Vite Dev服务器HMR无法在春季启动时工作

  •  0
  • Theiaz  · 技术社区  · 1 年前

    我正试图将我们的应用程序从webpack迁移到vite。后端是一个spring boot MPA,一些页面使用vue。我已经设置了构建步骤,它运行良好!但是,不可能将HMR与vite-dev服务器一起使用。如果更改资源(css、js、img等),则不会应用这些更改。我需要再次进行完整的构建。。。

    如果我将此应用于webpack.config,Webpacks HMR就可以开箱即用:

    devServer: {
        proxy: {
          "/": "http://localhost:8080",
        },
        port: 8081,
      },
    

    Vite(带有调试标志的开发模式)似乎可以识别更改,但无法解析模块?

      vite:hmr [file change] src/main/css/main.css +0ms
      vite:hmr [no modules matched] src/main/css/main.css +1ms
    

    你能告诉我我做错了什么吗?我已经设置了一个示例仓库,您可以使用它来报告问题。请查看README。 https://github.com/Theiaz/spring-boot-mpa-with-vite

    谢谢你的帮助!

    编辑: 作为比较,我还使用webpack设置了相同的项目 ,与HMR合作: https://github.com/Theiaz/spring-boot-with-webpack

    0 回复  |  直到 1 年前
        1
  •  0
  •   Theiaz    1 年前

    我通过以下方式找到了解决方案 backend integration guide .

    Webpack HMR和vites之间存在一些差异。看看 github repository 一个可行的解决方案。