使用gulp和browser-sync实现自动刷新浏览器
2017-05-18 09:51
483 查看
安装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实现自动刷新浏览器
- 使用gulp和browser-sync实现浏览器自动刷新
- gulp+browserSync+nodemon 实现express 全端自动刷新的实践
- gulp browser-sync 完整配置 浏览器自动刷新
- BrowserSync的大坑,监听不起作用解决办法,附gulp浏览器同步自动刷新部署方法
- 使用gulp+browser-sync搭建Sass自动化编译以及自动刷新
- 详解如何使用gulp实现项目在浏览器中的自动刷新
- Gulp+BroserSync实现浏览器自动刷新
- 使用gulp实现自动刷新浏览器
- gulp+browserSync自动刷新页面
- Gulp+browser-sync打造前端开发自动刷新
- 使用gulp和browserSync实现页面自动刷新
- 使用gulp和google浏览器实现保存自动刷新
- 用gulp-livereload实现浏览器自动刷新页面
- 前端浏览器自动刷新神器:Browsersync
- nodejs在线xlsx转json,使用gulp实现文件更改自动刷新
- browser-sync实现浏览器实时刷新
- express+gulp+gulp-nodemon+browser-sync自动刷新
- 使用gulp实现文件更改自动刷新
- 使用Gulp与BrowserSync做页面刷新