首页 > 其他 > 详细

gulp实时刷新页面

时间:2017-05-08 22:39:42      阅读:248      评论:0      收藏:0      [点我收藏+]

需要安装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实时刷新页面

原文:http://www.cnblogs.com/lvyueyang/p/6828195.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!