使用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"]);
标签:npm,sync,gulp,html,install,browser 来源: https://blog.csdn.net/lgxzzz/article/details/122018105