gulp实时刷新页面
Posted 吕岳阳
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp实时刷新页面相关的知识,希望对你有一定的参考价值。
需要安装nodejs
全局安装gulp
cnpm install -g gulp
局部安装
cnpm install -save-dev gulp
添加配置文件,新建gulpfile.js
var gulp = require(‘gulp‘); var browserSync = require(‘browser-sync‘); var reload = browserSync.reload;
gulp.task(‘serve‘, function() { browserSync({ server: { baseDir: ‘app‘ } }); gulp.watch([‘*.html‘, ‘styles/**/*.css‘, ‘scripts/**/*.js‘], {cwd: ‘app‘}, reload); });
需要有如下目录
gulpfile.js app/ styles/ main.css scripts/ main.js index.html
添加插件
cnpm install -save-dev browser-sync
出现如下提示就是成功了,浏览器会弹出对应网页
再不明白就看这个
http://www.gulpjs.com.cn/docs/recipes/server-with-livereload-and-css-injection/
以上是关于gulp实时刷新页面的主要内容,如果未能解决你的问题,请参考以下文章
Browsersync结合gulp和nodemon实现express全栈自动刷新
gulp-express实现node-express项目实时刷新