gulp4.0配置

      
      

var gulp = require( 'gulp');
var rename = require( 'gulp-rename'); //重命名
var uglify= require( 'gulp-uglify'); //js压缩
var watch= require( 'gulp-watch'); //监视
var less= require( 'gulp-less'); //编译less
var minifyCss = require( "gulp-minify-css"); //压缩CSS
var minifyHtml = require( "gulp-minify-html"); //压缩html
var jshint = require( "gulp-jshint"); //js检查
var imagemin = require( 'gulp-imagemin');
var pngquant = require( 'imagemin-pngquant'); //png图片压缩插件
var connect= require( 'gulp-connect'); //引入gulp-connect模块
// gulp.task('min', function () {
// gulp.src('copyUrl/js/resize.js') // 要压缩的js文件
// .pipe(uglify()) //使用uglify进行压缩,更多配置请参考：
// .pipe(rename('resize.min.js'))
// .pipe(gulp.dest('dist/fot')); //压缩后的路径
// });

gulp.task( 'watchs', function(){
gulp.watch( 'cug_vatti_Backpass/*.html',gulp.series( 'html'));
gulp.watch( 'cug_vatti_Backpass/css/*.less',gulp.series( 'css'));
gulp.watch( 'cug_vatti_Backpass/js/*.js',gulp.series( 'js'));
})
gulp.task( 'connect', function(){
connect.server({
root: 'cug_vatti_Backpass', //根目录
// ip:'192.168.11.62',//默认localhost:8080
livereload: true, //自动更新
port: 9909 //端口
})
})

gulp.task( 'html', function(){
return gulp.src( 'cug_vatti_Backpass/*.html')
.pipe(gulp.dest( 'dist/html'))
.pipe(connect.reload());
})

gulp.task( 'css', function(){
return gulp.src( 'cug_vatti_Backpass/css/*.less')
.pipe(less()) //编译less
.pipe(gulp.dest( 'cug_vatti_Backpass/css')) //当前对应css文件
.pipe(connect.reload()); //更新
})

gulp.task( 'js', function(){
return gulp.src( 'cug_vatti_Backpass/js/jquery-1.8.0.min.js')
.pipe(jshint()) //检查代码
.pipe(uglify()) //压缩js
.pipe(gulp.dest( 'dist/js'))
.pipe(connect.reload());
})
//gulp.series|4.0 依赖
//gulp.parallel|4.0 多个依赖嵌套
gulp.task( 'default',gulp.series(gulp.parallel( 'connect', 'watchs', 'html', 'css', 'js')));