1.准备工作
$ npm install gulp -g
$ npm install gulp browser-sync –save-dev
2.创建gulpfile.js
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var reload = browserSync.reload;
// 静态服务器 + 监听www文件夹下的所有文件
// gulp.task('serve', function() {
// browserSync.init({
// server: "./www"
// });
// gulp.watch("www/*.*").on('change', reload);
// });
//代理服务器 + 监听www文件夹下的所有文件
gulp.task('serve', function() {
browserSync.init({
proxy: "你的IP地址:4000" //假设本地项目运行在localhost:4000
});
gulp.watch("www/*.*").on('change', reload);
});
//将serve设为gulp的默认任务
gulp.task('default',['serve']);
3.启动方式
3-1.启动本地node项目
$ node app.js
3-2.启动gulp ( 浏览器将自动打开localhost:3000页面 )
$ gulp