使用gulp和browser-sync实现自动刷新浏览器

本文主要是介绍使用gulp和browser-sync实现自动刷新浏览器，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

安装gulp

全局安装：`npm install -g gulp`
项目安装：`npm install gulp --save-dev`

安装browser-sync

全局安装 `npm install -g browser-sync`
项目安装 `npm install browser-sync --save-dev`

编写代码

    在项目根目录下创建文件：gulpfile.js
在gulpfile.js中写入如下代码。

const gulp=require("gulp");
const browserSync=require("browser-sync").create();
gulp.task("serve",function () {
     
      browserSync.init({
             port:2017,
             server:{
                  baseDir:["."]
             }
       });
       gulp.watch("*.html",["html"]);
 });
gulp.task("html",function () {
     
      gulp.src("*.html")
          .pipe(browserSync.stream());
});
gulp.task("default",["serve"]);

这篇关于使用gulp和browser-sync实现自动刷新浏览器的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！