如何在动态内容更改时重新加载 gulp.js 浏览器同步
how to live reload gulp.js browsersync on dynamic content change
我已将 gulp.js 设置为在我的浏览器中实时重新加载。首先,这是我的 gulpfile 的样子
gulp.task('browser-sync', ['nodemon'], function() {
browserSync.init(null, {
proxy: "http://localhost:5000",
files: ["public/**/*.*", "views/**/*", "server.js"],
port: 7000,
});
});
现在,每当我更改 views/
或 public/
目录中的某些内容时,实时重新加载就会生效。但是,每当我尝试更改 server.js
中的某些内容时,实时重新加载将不起作用。不确定它在做什么。请指出正确的方向。谢谢
这样试试:
browserSync.init({
files: ["public/**/*.*", "views/**/*"],
port: 7000,
server: 'server.js'
});
我已将 gulp.js 设置为在我的浏览器中实时重新加载。首先,这是我的 gulpfile 的样子
gulp.task('browser-sync', ['nodemon'], function() {
browserSync.init(null, {
proxy: "http://localhost:5000",
files: ["public/**/*.*", "views/**/*", "server.js"],
port: 7000,
});
});
现在,每当我更改 views/
或 public/
目录中的某些内容时,实时重新加载就会生效。但是,每当我尝试更改 server.js
中的某些内容时,实时重新加载将不起作用。不确定它在做什么。请指出正确的方向。谢谢
这样试试:
browserSync.init({
files: ["public/**/*.*", "views/**/*"],
port: 7000,
server: 'server.js'
});