1.livereload
（1）chrome 安裝 livereload插件並啟動
（2） 項目中
1.命令行 安裝 livereload插件： npm i livereload —save-dev
2.
var livereload = require('livereload'); //自動刷新頁面
var server = livereload.createServer({});
server.watch(dirname + “/");
2. browser-sync （http://www.browsersync.cn/docs/gulp/）
項目中
（1）命令行 安裝 browser-sync插件： npm i browser-sync —save-dev
（2）方法一： 結合 gulp
var browserSync = require("browser-sync").create(); //自動刷新頁面
//監聽html變化
gulp.task('serve', ['html'], function() {
browserSync.init({
proxy: "10.1.1.31:9003"
});
gulp.watch(paths.html, ['html']);
});
gulp.task('html', function() {
return gulp.src([paths.html])
.pipe(gulp.dest(paths.dist + 'saas_web/'))
.pipe(reload({ stream: true }));
});
（3）. 方法二： 執行命令
browser-sync start --proxy ”ip“—files “監聽目錄”
eg: browser-sync start --proxy localhost:9003 --files “dist/"