如何在动态内容更改时实时重新加载gulp.js browsersync

Question

I have setup gulp.js to live reload in my browser. First of all here's how my gulpfile looks like

gulp.task('browser-sync', ['nodemon'], function() {
    browserSync.init(null, {
        proxy: "http://localhost:5000",
        files: ["public/**/*.*", "views/**/*", "server.js"],
        port: 7000,
    });
});

now whenever I change something in my views/ or public/ directory the live reload works. However, whenever I tried to change something in my server.js the live reload will not work. Not sure what it is doing this. Please point me to the right direction. Thank you

Answer 1

Try it this way:

browserSync.init({
    files: ["public/**/*.*", "views/**/*"],
    port: 7000,
    server: 'server.js'
});