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

我想用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  // 指定访问服务器的端口号

    });

});

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

https://img3.mukewang.com/5c4eafe9000162a508000200.jpg

翻过高山走不出你
浏览 467回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript