美文网首页
gulpfile搭建基础服务器

gulpfile搭建基础服务器

作者: 一沭丶 | 来源:发表于2016-06-26 18:45 被阅读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
    

    相关文章

      网友评论

          本文标题:gulpfile搭建基础服务器

          本文链接:https://www.haomeiwen.com/subject/dvfzdttx.html