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')));

gulp4.0配置的更多相关文章

  1. gulp4.0 前端构建脚手架

    最近看了下gulp4.0的升级,感觉和3.0相比变化还是比较大的,很多3.0的写法和插件会出现一些莫名其妙的变化,详细的变化就先不说了,这里我直接把我配置好的代码拿过来吧,方便各位可以更好的学习和使用 ...

  2. IIS运行.NET4.0配置

    IIS运行.NET4.0配置 “/CRM”应用程序中的服务器错误.配置错误说明: 在处理向该请求提供服务所需的配置文件时出错.请检查下面的特定错误详细信息并适当地修改配置文件. 分析器错误消息: 无法 ...

  3. kafka0.9.0及0.10.0配置属性

    问题导读1.borker包含哪些属性?2.Producer包含哪些属性?3.Consumer如何配置?borker(0.9.0及0.10.0)配置Kafka日志本身是由多个日志段组成(log segm ...

  4. VC++6.0 配置CppUTest测试环境

    最近看<软件项目成功之道>,书中无数次提及到“单元测试”对于项目成败的重要性,看到同事将CppUTest用于Linux动态库测试,于是在VC++6.0环境下搭建一个基于CppUTest的单 ...

  5. win7下VS2015+opencv3.1.0配置

    由于opencv与vs的适配版本不同,本人在官网下载opencv3.1.0,其可以和VS2013.VS2015适配,文中以VS2015为例 opencv2.4.13-----vc11;vc12 ope ...

  6. Windows 8.0上Eclipse 4.4.0 配置CentOS 6.5 上的Hadoop2.2.0开发环境

    原文地址:http://www.linuxidc.com/Linux/2014-11/109200.htm 图文详解Windows 8.0上Eclipse 4.4.0 配置CentOS 6.5 上的H ...

  7. windows下Qt5.1.0配置android环境搭建 good

    1.首先下载好需要配置的软件: 1>Qt 5.1.0 for Android (Windows 32-bit, 716 MB)(Info)下载地址: http://qt-project.org/ ...

  8. ganglia监控hadoop2.0配置方法

    ganglia监控hadoop2.0配置方法前提:hadoop2.0集群已安装ganglia监控工具第一步:Hadoop用户登录集群每一个节点,修改文件:vi /opt/hadoop-2.0.0-cd ...

  9. nginx1.9.4 +php 5.5.29+yii2.0配置手册

    nginx1.9.4 +php 5.5.29+yii2.0配置手册 目录 一.    php5.5.29安装配置    2 二.    nginx1.9.4安装配置    2 三.    yii2.0 ...

随机推荐

  1. Linux的SSH免密登录(一)

    1.从cp/scp命令出发 scp(secure copy)是linux系统下基于ssh登录进行安全的远程文件拷贝的命令. 1. 传递文件到远程 scp local_file remote_usern ...

  2. HDU-4300-Clairewd's message(扩展KMP)

    链接: https://vjudge.net/problem/HDU-4300 题意: Clairewd is a member of FBI. After several years conceal ...

  3. Struts增删改查

    1.导入相关的pom依赖(struts.自定义标签库的依赖) <dependency> <groupId>jstl</groupId> <artifactId ...

  4. HDU 5726 GCD (2016多校、二分、ST表处理区间GCD、数学)

    题目链接 题意 : 给出一个有 N 个数字的整数数列.给出 Q 个问询.每次问询给出一个区间.用 ( L.R ) 表示.要你统计这个整数数列所有的子区间中有多少个和 GCD( L ~ R ) 相等.输 ...

  5. position:fixed 失效问题

    为了提升动画性能,在body上加上了transform:translate3d(0,0,0) 但是3d使得新建了一个层(具体原因请参考:高性能css动画),导致position:fixed不在当前的层 ...

  6. simple queue(简单队列)

    Virtual host-虚拟主机 虚拟主机,用于进行逻辑隔离,是最上层的路由,类似于redis的16个db,是一种逻辑上的隔离 一个virtualhost里面可以有若干个Exchange和Queue ...

  7. 23.Python位运算符详解

    位运算符通常在图形.图像处理和创建设备驱动等底层开发中使用.使用位运算符可以直接操作数值的原始 bit 位,尤其是在使用自定义的协议进行通信时,使用位运算符对原始数据进行编码和解码也非常有效. 位运算 ...

  8. JavaWeb_(Hibernate框架)Hibernate中创建实体

    Hibernate中创建实体 创建实体五个基本规则 --提供无参的构造器 --成员变量的私有化,提供get.set方法,提供属性 --尽量使用包装类型 --主键(一定要有) --不要加final(hi ...

  9. Vue_(组件)自定义指令

    Vue.js自定义指令 传送门 自定义指令:除了内置指令,Vue也允许用户自定义指令 注册指令:通过全局API Vue.directive可以注册自定义指令 自定义指令的钩子函数参数:自定义指令的钩子 ...

  10. 微信公众号实现无限制推送模板消息!可向指定openID群发

    微信认证的服务号才有推送模板消息接口所以本文需要在认证服务号的情况下学习 以上就是模板消息,只有文字和跳转链接,没有封面图.在服务号的后台添加功能插件-模板消息即可. 模板消息,都是在后台选择一个群发 ...