gulp 学习入门

Posted zeng-zhi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp 学习入门相关的知识,希望对你有一定的参考价值。

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 学习入门的主要内容,如果未能解决你的问题,请参考以下文章

gulp入门学习

gulp入门

Gulp入门教程

gulp 入门使用指南(未完)

gulp入门

gulp入门