使用browser-sync加gulp实现实时刷新页面

Question

我想用gulp 加 browser-sync实现真机调试，然后网上看了很多教程，但都写得不够清楚，使用browser-sync究竟该怎么配置，大都没写出来，大部分博客写得很含糊，以下是我写的gulpfile.js文件中关于browser-sync的部分代码，其实最大的疑点是任务browser-sync的回调函数里的files路径该怎么写？虚心请教各位

var browserSync = require('browser-sync').create();  //真机调试 自动同步
gulp.task('browser-sync',function(){
    var files=['/src/js/user/*.js'];
    browserSync.init(files,{
        server:{
            baseDir:'./',  // 设置服务器的根目录
            index:'src/views/user/agent.html' // 指定默认打开的文件
        },
        port:8081  // 指定访问服务器的端口号
    });
});

以上的配置执行命令后浏览器会自动打开页面，但是提示拿不到文件。

Answer 1

我个人监听文件用gulp.watch配合browserSync.reload是可以的，没有直接写到过browserSync.init里面过
例如：

var browserSync = require('browser-sync').create();
var reload = browserSync.reload;

gulp.task('scripts', function () {
    return gulp.src('app/scripts/*.js')
        .pipe(reload({stream:true}));
});
gulp.task('server', ['styles'], function () {

    browserSync.init({
        port: '9000',
        ui: false,
        server: {
            baseDir: './app',
            index: 'index.html'
        }
    });

    gulp.watch('app/scripts/*.js',['scripts']);
    gulp.watch('app/*.html').on('change', reload);
});