javascript - 在开发期间,如何在 watchify 完成之前阻止页面加载?

标签 javascript browserify watchify

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

  1. 编辑JS文件
  2. 保存文件,watchify 自动开始为我重建它
  3. alt-tab 到浏览器
  4. ctrl+R 重新加载页面

这很好,除非 watchify 花费的时间比第 3 步和第 4 步长,否则它会很糟糕,因为您要么得到陈旧的代码,要么得到一个错误。

有没有一种简单的方法可以保证这种情况永远不会发生?就像 watchify 向我的服务器发出信号,它应该在尝试加载请求的页面之前再等待一秒钟的方式?如果不存在这样的事情,人们在实践中如何处理这个问题?

我一定很不擅长谷歌搜索,因为除了this,我什至找不到谈论这个问题的人。它说“添加一个简单的(基于节点的)服务器,该服务器将阻止请求,直到 watch 完成运行:这将避免重新加载页面时总是发现 watch 还没有完全运行的令人沮丧的现象。” -- 但不幸的是,这是待办事项列表中的条目,而不是该存储库中存在的内容。

最佳答案

如果您使用的是 Grunt 或 Gulp,您可以使用 live reload plugin .

或者你可以玩beep任务完成时,以便您知道何时重新加载页面。

也可能值得一看 livereloadify .

关于javascript - 在开发期间,如何在 watchify 完成之前阻止页面加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33847320/

相关文章:

java - 在不同浏览器中维护网站

javascript - 如何在显示警报时调暗背景并在警报关闭时关闭#dim?

javascript - gulp browserify reactify 任务很慢

javascript - getFullYear 不是函数

javascript - 在 web worker 中解析 HTML DOM

jquery - 捆绑(webpack/browserify)是否比通过 CDN 更快?

browserify - 源映射如何在多个连续的构建步骤中工作?

jquery - 使用 browserify-shim 伪造全局 jQuery? (找不到模块 'jquery')

npm - 如何仅使用 package.json 同时运行 watchify、browser-sync 和自动浏览器刷新

javascript - browserify/watchify 运行后触发 grunt 任务