• 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')));
  • 相关阅读:
    python 将字符串转化为可执行代码
    NGS的duplicate的问题
    建库原理
    生信转岗心得
    openpyxl模块处理excel文件
    getopt两个模块getopt 和gun_getopt 的异同
    Migrate repo from Gitlab to Github
    flume(2)
    flume
    docker命令总结
  • 原文地址:https://www.cnblogs.com/korea/p/11228005.html
Copyright © 2020-2023  润新知