gulpfile搭建基础服务器

基于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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,884评论 1 32
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 8,441评论 7 55
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    井皮皮阅读 5,133评论 0 10
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    小裁缝sun阅读 4,500评论 0 3
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    build1024阅读 3,552评论 0 0

友情链接更多精彩内容