首页 > 其他 > 详细

gulp 学习入门

时间:2019-03-22 00:29:53      阅读:146      评论:0      收藏:0      [点我收藏+]
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())
})

gulp 学习入门

原文:https://www.cnblogs.com/zeng-zhi/p/10575635.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!