gulp4.0配置

  1. var gulp = require('gulp');
  2. var rename = require('gulp-rename');//重命名
  3. var uglify=require('gulp-uglify');//js压缩
  4. var watch=require('gulp-watch');//监视
  5. var less=require('gulp-less');//编译less
  6. var minifyCss = require("gulp-minify-css");//压缩CSS
  7. var minifyHtml = require("gulp-minify-html");//压缩html
  8. var jshint = require("gulp-jshint");//js检查
  9. var imagemin = require('gulp-imagemin');
  10. var pngquant = require('imagemin-pngquant'); //png图片压缩插件
  11. var connect=require('gulp-connect');//引入gulp-connect模块
  12. // gulp.task('min', function () {
  13. // gulp.src('copyUrl/js/resize.js') // 要压缩的js文件
  14. // .pipe(uglify()) //使用uglify进行压缩,更多配置请参考:
  15. // .pipe(rename('resize.min.js'))
  16. // .pipe(gulp.dest('dist/fot')); //压缩后的路径
  17. // });
  18. gulp.task('watchs',function(){
  19. gulp.watch('cug_vatti_Backpass/*.html',gulp.series('html'));
  20. gulp.watch('cug_vatti_Backpass/css/*.less',gulp.series('css'));
  21. gulp.watch('cug_vatti_Backpass/js/*.js',gulp.series('js'));
  22. })
  23. gulp.task('connect',function(){
  24. connect.server({
  25. root:'cug_vatti_Backpass',//根目录
  26. // ip:'192.168.11.62',//默认localhost:8080
  27. livereload:true,//自动更新
  28. port:9909//端口
  29. })
  30. })
  31. gulp.task('html',function(){
  32. return gulp.src('cug_vatti_Backpass/*.html')
  33. .pipe(gulp.dest('dist/html'))
  34. .pipe(connect.reload());
  35. })
  36. gulp.task('css',function(){
  37. return gulp.src('cug_vatti_Backpass/css/*.less')
  38. .pipe(less())//编译less
  39. .pipe(gulp.dest('cug_vatti_Backpass/css')) //当前对应css文件
  40. .pipe(connect.reload());//更新
  41. })
  42. gulp.task('js',function(){
  43. return gulp.src('cug_vatti_Backpass/js/jquery-1.8.0.min.js')
  44. .pipe(jshint())//检查代码
  45. .pipe(uglify())//压缩js
  46. .pipe(gulp.dest('dist/js'))
  47. .pipe(connect.reload());
  48. })
  49. //gulp.series|4.0 依赖
  50. //gulp.parallel|4.0 多个依赖嵌套
  51. gulp.task('default',gulp.series(gulp.parallel('connect','watchs','html','css','js')));

 

posted @ 2019-07-22 19:49  korea  阅读(1153)  评论(0)    收藏  举报