如何将HMR添加到Rollup with Svelte中?



我的应用程序使用了Svelte和Rollup。在存档之前,我使用了官方的Svelte模板。

这个模板使用rollup-plugin-livereload,它会在每次代码更改时重新加载整个页面。

我希望我的代码运行没有页面刷新。每次代码更改需要8到10秒。因为这个发展是超级缓慢的。

UPD:我使用Rollup而不是Vite的另一个原因是Vite不支持gRPC。

这不是你问题的直接答案(如何将HMR添加到rollup+svelte),但
我建议你从rollup(我猜只是不能为你提供HMR,因为它只是一个打包器)移动到使用npm init vite的Vite,然后选择svelte,如README中建议的。您使用的遗留模板的大小。Rollup是为捆绑文件而创建的,它不是您想使用的开发服务器。你可以在这里了解更多关于vite的信息:vitjjs .dev.

使用上面的命令克隆模板后,您可以将代码库迁移到新的工具环境中,该环境应该符合您在问题中描述的要求。

乌利希期刊指南: 今天的捆绑器不应该被用作开发工具由于开发速度(特别是在低成本设备上)。但如果你真的需要HMR在rollup,你可以看看nolup。这是我唯一能给你的建议。

我不知道RPC是什么,但我可以看到它很受欢迎,这意味着你不是一个人有你的问题。如果它不能直接与Vite一起使用,我相信你可以在SvelteKit中使用它。我猜当你开始开发你的项目时,SvelteKit还太年轻,但今天它已经作为1.0版本发布了。你可以看看agrism/grpc-web-svelte, icflorescu/trpc-sveltekit,这个reddit帖子等等。你明白我的意思了。

最新更新