gulpfile搭建基礎(chǔ)服務(wù)器

基于gulp的gulpfile.js文件用來搭建個人覺得很輕巧的服務(wù)器。

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'));*/
  });

//開啟服務(wù)器
gulp.task('connect',function(){
connect.server({
    root:'./項目文件夾/',
    port:port,
    livereload:true
});
});

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

//監(jiān)察
gulp.task('watch',function(){
gulp.watch('./項目文件夾/*.html',['html']);
});

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

目錄結(jié)構(gòu):

-項目文件夾
  -css
  -js
  index.html
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 在現(xiàn)在的前端開發(fā)中,前后端分離、模塊化開發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,659評論 1 32
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    依依玖玥閱讀 3,304評論 7 55
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    井皮皮閱讀 1,400評論 0 10
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    小裁縫sun閱讀 1,027評論 0 3
  • gulpjs是一個前端構(gòu)建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù),API也非常簡單,學(xué)...
    build1024閱讀 583評論 0 0

友情鏈接更多精彩內(nèi)容