首页 > 代码库 > gulp实时刷新页面

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.jsapp/  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实时刷新页面