在开发过程中，如何阻止页面加载直到watchify完成？

Question

这是一个典型的工作流程：

1. 编辑JS文件
2. 保存文件，watchify会自动重新构建它
3. 切换到浏览器
4. 按下ctrl+R重新加载页面

这很好，除非watchify的重构时间比步骤3和4长，否则就会出现问题，因为你要么得到旧代码，要么得到错误。

有没有一种简单的方法可以保证这种情况永远不会发生？比如让watchify向我的服务器发出信号，告诉它在尝试加载请求的页面之前再等待一小段时间？如果不存在这样的东西，人们在实践中如何处理这个问题？

我可能不擅长搜索，因为我甚至找不到人们谈论这个问题的资料，除了这个，它说“添加一个简单（基于Node的）服务器，该服务器将在请求上阻塞，直到watch完成运行：这将避免重新加载页面时总是令人沮丧地发现watch还没有运行。”--但不幸的是，那只是待办事项清单中的一个条目，而不是该repo中存在的内容。

- dumbmatter

---

你能在脚本中使用nodemon并生成一个新的Chrome窗口吗？ - Shanimal

Answer 1

如果您正在使用Grunt或Gulp，您可以使用实时重新加载插件。

或者，当任务完成时播放蜂鸣声，以便您知道何时重新加载页面。

此外，值得一看的是livereloadify。

- Emanuele Spatola

---

我不使用Grunt或Gulp。livereload似乎是一个有趣的概念，但并不完全符合我的需求 - 例如，有时候我想保留旧版本的应用程序进行比较，同时打开一个新标签页来加载刚刚进行更改的版本。这似乎在livereload中是不可能的。 - dumbmatter

你可以创建一个Browserify插件，在构建完成时发出蜂鸣声，否则我认为唯一的解决方案就是你所说的：“一个简单的（基于Node的）服务器，将在请求上阻塞，直到监视完成运行”。 - Emanuele Spatola

嘟声是个毫无意义的东西 :) 是的，我可能可以自己编写一个程序，也许使用文件来标记watchify是否正在运行...但我想肯定已经有人做过这件事情了，以免浪费我的时间！ - dumbmatter