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')));
-
gulp4.0配置的更多相关文章
- gulp4.0 前端构建脚手架
最近看了下gulp4.0的升级,感觉和3.0相比变化还是比较大的,很多3.0的写法和插件会出现一些莫名其妙的变化,详细的变化就先不说了,这里我直接把我配置好的代码拿过来吧,方便各位可以更好的学习和使用 ...
- IIS运行.NET4.0配置
IIS运行.NET4.0配置 “/CRM”应用程序中的服务器错误.配置错误说明: 在处理向该请求提供服务所需的配置文件时出错.请检查下面的特定错误详细信息并适当地修改配置文件. 分析器错误消息: 无法 ...
- kafka0.9.0及0.10.0配置属性
问题导读1.borker包含哪些属性?2.Producer包含哪些属性?3.Consumer如何配置?borker(0.9.0及0.10.0)配置Kafka日志本身是由多个日志段组成(log segm ...
- VC++6.0 配置CppUTest测试环境
最近看<软件项目成功之道>,书中无数次提及到“单元测试”对于项目成败的重要性,看到同事将CppUTest用于Linux动态库测试,于是在VC++6.0环境下搭建一个基于CppUTest的单 ...
- win7下VS2015+opencv3.1.0配置
由于opencv与vs的适配版本不同,本人在官网下载opencv3.1.0,其可以和VS2013.VS2015适配,文中以VS2015为例 opencv2.4.13-----vc11;vc12 ope ...
- 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 ...
- windows下Qt5.1.0配置android环境搭建 good
1.首先下载好需要配置的软件: 1>Qt 5.1.0 for Android (Windows 32-bit, 716 MB)(Info)下载地址: http://qt-project.org/ ...
- ganglia监控hadoop2.0配置方法
ganglia监控hadoop2.0配置方法前提:hadoop2.0集群已安装ganglia监控工具第一步:Hadoop用户登录集群每一个节点,修改文件:vi /opt/hadoop-2.0.0-cd ...
- 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 ...
随机推荐
- JS 函数基础
函数简介 函数 函数也是一个对象 函数中可以封装一些功能(代码),在需要时可以指向这些功能(代码) 函数中可以保存一些代码在需要时调用 使用typeof检查一个函数对象时,会返回function 创建 ...
- maven实践--你所需要了解的maven
基本概念 是什么? Maven是一个强大的Java项目构建工具. 什么是构建工具? 构建工具是将软件项目构建相关的过程自动化的工具.构建一个软件项目通常包含以下一个或多个过程: 生成源码(如果项目使用 ...
- vue 创建项目 create和init
vue init是vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,webpack是官方推荐的标准模板名. 示例:vue init webpack myproject ...
- BZOJ 1692: [Usaco2007 Dec]队列变换 (后缀数组/二分+Hash)
跟BZOJ 4278: [ONTAK2015]Tasowanie一模一样 SA的做法就是把原串倒过来接在原串后面,O(nlogn)O(nlogn)O(nlogn)做后缀数组,就能O(1)O(1)O(1 ...
- 常用NoSql数据库比较
1. CouchDB 所用语言: Erlang 特点:DB一致性,易于使用 使用许可: Apache 协议: HTTP/REST 双向数据复制, 持续进行或临时处理, 处理时带冲突检查, 因此,采用的 ...
- 2019 Red PCB KESS V5.017:支持140协议
2019红色PCB KESS V5.017 是一种流行的汽车ECU的编程器.这里分享一下这个设备的信息. KESS V2介绍: 型号名称:KESS V2 Master软件版本:V2.47(最新)固件版 ...
- CCPC-Wannafly & Comet OJ 夏季欢乐赛(2019)E
题面 这个题暴好啊,考了很多东西. 首先设f(x)为离终点还有x步要走的期望步数,我们可以发现 : 1.x>=k时,x可以转移到的点的下标都<x. 2.x<k时,则可能走回到x或者下 ...
- 32位linux安装chrome浏览器
首先你需要一个安装包,可以在CSDN上搜索google-chrome-stable_current_i386.deb. 然后在终端输入 sudo apt-get install gdebi 然后找到安 ...
- 微信小程序_(组件)swiper轮播图
微信小程序swiper轮播图组件官方文档 传送门 Learn: swiper组件 一.swiper组件 indicator-dots:是否显示面板指示点[默认值false] autoplay:是否自动 ...
- Java EE 之 Hibernate异常解决:org.hibernate.exception.SQLGrammarException: could not execute statement
本质原因:配置的Java Bean,由Hibernate自动产生的SQL语句中有语法错误 原因如下: 情况1.存在字段名/表名与数据库关键字冲突 情况2.MySQL5.0以后与MySQL5.0以前事务 ...