如何使用 Vagrant VM 通过共享文件夹启用热重载?

2024-01-19

我有一个非常基本的 React/Redux 应用程序,利用热重载(即,当我保存对源代码的更改时,它会通过 webpack 相应地在浏览器中更新我的应用程序的内容,保留我的应用程序的状态)。这适用于 myhost 机器。

但是,如果我使用带有同步文件夹的基于 vagrant 的工作流程(以便我可以使用我喜欢的非终端文本编辑器),并且我在主机上对源代码进行了更改并保存,则不会触发热重载。但是,如果我在来宾计算机上进行/保存更改(为了简单起见,仅使用 nano),则会触发热重载。

需要澄清的是,从主机保存的更改反映在来宾计算机的文件中,但它不会触发热重载。如果我将 helloworld 更改为 Hello, World!在我的主机上,该文件的来宾计算机副本也会显示“Hello, World!”,但除非我也在来宾计算机上保存该更改,否则不会触发热重载。


此问题可能是由 Virtualbox 自己的共享文件夹文件系统引起的。

根据https://github.com/webpack/webpack-dev-server/issues/155 https://github.com/webpack/webpack-dev-server/issues/155,你也许可以尝试这个:

webpack-dev-server --watch-poll

此外,我相信使用 rsync 始终有效(但这会稍微改变您的工作流程):

Webpack 开发服务器重新加载在虚拟机上不起作用 https://stackoverflow.com/questions/33681004/webpack-dev-server-reload-doesnt-work-on-virtual-box

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 Vagrant VM 通过共享文件夹启用热重载? 的相关文章

随机推荐