gulp 学习入门

Posted 2021-02-14 zeng-zhi

const gulp = require('gulp');
const less = require('gulp-less')
// 定义任务
gulp.task('helloGulp',function(){
  console.log('hello gulp')
})

// 运行任务 gulp 任务名称
gulp.task('dest',function(){
  gulp.src('./src/*/*.*').pipe(gulp.dest('./dist'))
  console.log('以转移',new Date().getTime())
})

// 默认任务  gulp

gulp.task('default',function(){
  console.log('这是默认任务')
  gulp.watch('src/*',['dest'])
})

// gulp-less插件
gulp.task('style',function(){
  gulp.src('./src/**/*.less').pipe(less())
  .pipe(gulp.dest('./dist'))
})

// gulp-connect gulp服务器
const connect = require('gulp-connect');

// 支持https协议 可以在手机上调试h5的定位功能
gulp.task('serve',function(){
  connect.server({
    root: './src/public',
    host: '192.168.1.104',
    port: 8686,
    https: true,
    livereload: true
  })
  gulp.watch('./src/public/**/*.html',['reload']);
})

gulp.task('reload',function(){
  gulp.src('./src/public/**/*.html')
      .pipe(connect.reload())
})