Gulp 我的browsersync服务器刷新页面，但使用旧内容 我想要什么

我想在对源代码进行更改并自动重新加载浏览器时，将gulp设置为捆绑文件

我使用

browser sync

作为我的开发服务器，

browserify

绑定我的javascript文件，

gulp

作为我的任务运行程序

有什么问题吗 它一开始工作正常，但现在当我保存源文件时，浏览器会重新加载，但会加载旧代码，并且不会反映更改。我需要手动刷新浏览器

我指责factor bundle browserify插件，它基本上将bundle分为3个bundle-A、B和Common（在我的例子中，实际的应用程序代码在app.js中，index.js、tests.js和app.js）

到目前为止我所拥有的 gulpfile.js[仅限相关代码]：

关键代码是

bundleTypescript

函数

可在此处找到完整的吞咽文件：

---

为什么browsersync重新加载浏览器时未反映更改

我可以看到这个问题是几天前发布的。但无论如何，如果你仍然无法解决这个问题，我会尽力回答，或者它可以帮助其他面临类似问题的人

我怀疑问题来自以下代码行：

.pipe(browserSync.stream());

它被放在错误的顺序流管道。所发生的是BrowserSync接收并流式传输前一行的输出，即gulp.dest（）

我建议将其移到这一行之后：

merge(appStream, indexStream, testStream)

结果将是：

merge(appStream, indexStream, testStream)
  .pipe(browserSync.stream())

这意味着在合并3个捆绑包后，结果将通过管道传输到BrowserSync，BrowserSync将其传输到浏览器

---

在这里，您可以找到一个样板项目，它将Gulp+Browserfy+BrowserSync与CSS inject结合起来：

我无法告诉您这对我有多大帮助！关于这个问题的大多数讨论都是关于触发重新加载的代码。位置是关键！我在sass任务的最后有了我的管道，我的问题是它之前的sourcemaps。在将我的重新加载管道直接移动到我的迷你管道下方后，它工作得非常好。谢谢@天哪，我很高兴这有帮助。

merge(appStream, indexStream, testStream)
  .pipe(browserSync.stream())