码迷,mamicode.com
首页 > 其他好文 > 详细

gulp 学习入门

时间:2019-03-22 00:35:44      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:task   htm   http   默认   des   https   定义   gulp   default   

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 学习入门

标签:task   htm   http   默认   des   https   定义   gulp   default   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!