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

当对JavaScript文件进行更改时,在更改生效之前,经常需要长达10秒的不断刷新页面。 我知道Chromecaching了很多,我已经使用了一些技术来解决这个问题:

我已经设置caching控制头'no-cache,no-store',添加一个基于当前时间的查询string到每一个JavaScript文件(我已经证实,这实际上每次刷新时都会改变),我有启用开发工具中的“禁用caching”选项。 但是,JavaScript文件仍然不能立即加载…

编辑:经过一些更多的testing后,我发现我的node.js应用程序中的gulp browserify任务(构build客户端JavaScript包)在gulp重新启动后5-10秒之前不会更新构build。 然而,这是奇怪的,因为吞吐量输出“3.24毫秒后完成”browserify“。 这就解释了为什么JavaScript文件不能在浏览器中刷新,但我无法弄清楚为什么不能立即刷新。

有没有人经历过这个?

该任务完成之前browserify完成,因为它没有正确设置,可能你没有返回stream。

Browserify需要一段时间来构build文件,绝对不是几毫秒,所以当gulp报告完成时,browserify仍然在工作,并在5-10秒后保存文件。

看看它是如何使用watchify在开发过程中大大加快编译时间。

打开开发者控制台 – >转到networking选项卡 – >点击顶部的禁用cachingcheckbox。

在这里输入图像说明

今天的大部分时间我一直在为这个问题而苦苦挣扎。 尝试了一切,从禁用Chrome开发工具中的caching,到重新启动一切从一蹴而就的浏览器到笔记本电脑(我感觉这是一个caching/记忆的事情,因为在今天之前,Gulp已经完美地工作了很长时间)

最后决定卸载并重新安装我的全球Gulp软件包。 这个问题不仅似乎已经解决了,而且现在开始了一大步的观察过程似乎也快得多了。 我build议试试这个