node.js - 对 JavaScript 文件的更改不会立即生效。 gulp browserify 任务可能存在问题

Question

当我对 JavaScript 文件进行更改时，通常需要长达 10 秒的时间不断刷新页面，更改才会生效。我知道 Chrome 缓存很多，我使用了几种技术来解决这个问题:

我已将缓存控制 header 设置为“无缓存、无存储”，向每个 JavaScript 文件添加了一个基于当前时间的查询字符串(并且我已确认每次刷新时这实际上都会发生变化)，并且我已在开发工具中启用了“禁用缓存”选项。但是，JavaScript 文件仍然不会立即加载...

编辑: 经过更多测试后，我发现我的 node.js 应用程序(构建客户端 JavaScript 包)中的 gulp browserify 任务在 gulp 重新启动后 5-10 秒内不会更新构建。然而，这很奇怪，因为 gulp 输出“3.24 毫秒后完成‘浏览’”。这解释了为什么 JavaScript 文件不会在浏览器中刷新，但我无法弄清楚为什么它们不会立即刷新。

以前有人经历过这种情况吗？

Answer 1

任务在 browserify 完成之前完成，因为它设置不正确，可能您没有返回流。

Browserify 需要一段时间来构建文件，绝对不是几毫秒，因此虽然 gulp 报告已完成，但 browserify 仍在处理它并在 5-10 秒后保存文件。

查看gulp-starter了解它如何使用 watchify 来显着加快开发过程中的编译时间。