自动化构建工具gulp的基础了解
1.使用gulp的步骤
1.安装node
检测是否安装好 cmd->node -v
2.安装gulp 可以在npm或者在cnpm
3.在node里面有个文件package.json.利用命令行npm init
4.本地安装插件,在这个文件夹中,直接在npm下载下来
5.在文件夹中新建一个gulpfile.js(名字必须是这个),其他的代码都是写在这个xxx.js的文件中的
2.基本语法
gulp.task("defult",function(){
return gulp.src(源文件夹)
.pipe(插件名称())
.pipe(插件名称())
.pipe(gulp.dest(目标文件夹))
});
gulp.task("min",function(){
return gulp.src(源文件夹)
.pipe(插件名称())
.pipe(插件名称())
.pipe(gulp.dest(目标文件夹))
});
//gulp.task(name[, deps], fn) 定义任务 name:任务名称 deps:依赖任务名称 fn:回调函数
//gulp.src(globs[, options]) 执行任务处理的文件 globs:处理的文件路径(字符串或者字符串数组)
//gulp.dest(path[, options]) 处理完后文件生成路径
gulp的基础语法
1.gulp.task('任务名称',‘依赖任务’,函数);
注意:依赖任务并行执行,然后运行任务名称
2.gulp.src()
3.gulp.dest()
4.gulp.watch(glob [, opts], tasks) or gulp.watch(glob [, opts, cb]) 就是监视文件的变化,然后运行指定的Tasks或者函数,
3.运行gulp
gulp 任务名称
4.为什么采用gulp
gulp和grunt的区别
gulp 基于流 配置优先 1000+插件
grunt 基于文件 代码优先 3900+插件
这个相比Grunt需要使用插件,gulp本身就支持的很好。
其他的就是练习就成了!!!
最新文章
- struct socket 结构详解
- YTU 2345: 后序遍历二叉树
- mysql 统计
- 从客户端中检测到有潜在危险的 Request.Form 值。
- Spark Streaming 架构
- 全文索引--自定义chinese_lexer词典
- AngularJS中的控制器示例_3
- 机器学习算法实践:Platt SMO 和遗传算法优化 SVM
- 微信小程序开发——简记
- 异构去堆叠 | 一种完美提升网络高可用SLA的方案
- Delphi中Inputbox 和Inputquery 函数的使用
- android-基础编程-Dialog
- 线上服务CPU100%问题快速定位实战
- 视音频数据处理入门:PCM音频采样数据处理
- Android之属性动画(一)
- Working Set
- Ubuntu系统python3版本设置问题
- Viper--方便好用的Golang 配置库
- Java常用工具类之删除文件
- Servlet之生命周期【入门版(刚開始学习的人必看)】