gulpfile搭建基础服务器

2016-06-26  本文已影响82人  一沭丶

基于gulp的gulpfile.js文件用来搭建个人觉得很轻巧的服务器。

var gulp=require('gulp'),
connect=require('gulp-connect'),
browserify=require('gulp-browserify'),
concat=require('gulp-concat'),
port=process.env.port||600;
//编译js
gulp.task('browserify',function(){
/*gulp.src('./app/js/main.js')
    .pipe(browserify({
        transform:'reactify'
    }))
    .pipe(gulp.dest('./dist/js'));*/
  });

//开启服务器
gulp.task('connect',function(){
connect.server({
    root:'./项目文件夹/',
    port:port,
    livereload:true
});
});

//刷新js,html
 gulp.task('html',function(){
gulp.src('./项目文件夹/*.html')
    .pipe(connect.reload());
});

//监察
gulp.task('watch',function(){
gulp.watch('./项目文件夹/*.html',['html']);
});

 gulp.task('default',['browserify']);
 gulp.task('server',['browserify','connect','watch']);

目录结构:

-项目文件夹
  -css
  -js
  index.html
上一篇 下一篇

猜你喜欢

热点阅读