更改*.js文件后,页面重新加载速度非常慢(约30秒2分钟)[express+;gulp+;gulp nodemon+;浏览器同步]

更改*.js文件后,页面重新加载速度非常慢(约30秒2分钟)[express+;gulp+;gulp nodemon+;浏览器同步],express,gulp,browser-sync,nodemon,Express,Gulp,Browser Sync,Nodemon,我正在使用express.js开发应用程序。此外,我还将gulp与gulp nodemon和浏览器同步一起使用,以简化我的开发,并在我进行项目时自动更新应用程序的*.js、*.html和*.css文件 但我有个问题 当我在*.css或*.html上进行更改时,浏览器会在几毫秒内立即进行自动更新或自动重新加载。但是当我对*.js文件进行更改时,自动重新加载需要几分钟的时间。这真是一种奇怪的行为!正如我在*上进行更改时所观察到的那样。js文件浏览器同步尝试重新加载一个页面,我正在本地主机:3000上

我正在使用express.js开发应用程序。此外,我还将gulpgulp nodemon浏览器同步一起使用,以简化我的开发,并在我进行项目时自动更新应用程序的*.js*.html*.css文件

但我有个问题

当我在*.css*.html上进行更改时,浏览器会在几毫秒内立即进行自动更新或自动重新加载。但是当我对*.js文件进行更改时,自动重新加载需要几分钟的时间。这真是一种奇怪的行为!正如我在*上进行更改时所观察到的那样。js文件浏览器同步尝试重新加载一个页面,我正在本地主机:3000上完全发出获取请求。但是这个请求在大约2分钟后挂起,就在页面重新加载并应用新更改之后

为什么重新加载页面需要这么长时间?如何解决这个问题?谢谢你的帮助

这是我的gulpfile.js

这是关于开发工具的网络部分的快照。 在这里,您可以看到更改*.js文件后重新加载页面需要多长时间
我也有同样的问题。所以,我试着像这样改变我的gulpfile:

gulp.task('browser-sync', ['nodemon'], function() {

    browserSync.init(null, {
        proxy: "http://localhost:8080",
        //files: ["public/**/*.{css,html,js}"], //Commented
        browser: "google chrome",
        port: 8080
    });

    gulp.watch("public/**/*.{css,html,js}").on('change', browserSync.reload);
});
我希望它对你有用。请试一试

gulp.task('browser-sync', ['nodemon'], function() {

    browserSync.init(null, {
        proxy: "http://localhost:8080",
        //files: ["public/**/*.{css,html,js}"], //Commented
        browser: "google chrome",
        port: 8080
    });

    gulp.watch("public/**/*.{css,html,js}").on('change', browserSync.reload);
});