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

时间:2016-01-22 01:06:18

标签: reactjs vagrant reload redux vagrantfile

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

但是,如果我使用带有同步文件夹的基于流浪汉的工作流程(这样我可以使用我首选的非终端文本编辑器)并在主机上创建并保存对源代码的更改,则热重新加载是没有触发。但是,如果我在客机上进行/保存更改(为简单起见仅使用nano),热重新加载会触发。

为了澄清,保存的主机更改会反映在来宾计算机的文件中,但不会触发热重新加载。如果我将helloworld改为Hello,World!在我的主机上,客户机的该文件的副本也会说Hello,World!,但是直到我也在客机上保存了这个更改,热重新加载不会触发。

1 个答案:

答案 0 :(得分:2)

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

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

webpack-dev-server --watch-poll

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

Webpack dev server reload doesn't work on virtual box