对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议试试这个
- 使用Browserify将node.js应用程序捆绑到单个文件
- 对象#<Readable>在使用Gulp + Browserify时没有方法“写入”
- 用browserify捆绑google-api-nodejs-client不起作用
- 如何在运行package.json脚本时获得debugging/详细信息?
- 我试着用'temp'和'fs'模块来使用browserify,我得到的只是这个糟糕的错误
- 使用browserify,未捕获的ReferenceError:函数未定义
- gulp.js + browserify:dynamic生成特定于开发的文件
- 如何用茉莉花和browserify进行unit testing?
- 使用browserify对js文件进行版本控制,以防止客户端使用旧的js文件