码迷,mamicode.com
首页 > 其他好文 > 详细

gulp实时刷新页面

时间:2017-05-08 23:08:29      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:expires   rip   ssg   文件   UI   nbsp   res   需要   sersync   

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

标签:expires   rip   ssg   文件   UI   nbsp   res   需要   sersync   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!