Gulp的使用的使用
Gulp是一个前端自动化构建工具,基于流的的构建系统,主要优点是速度,效率和简化是一个前端自动化构建工具,基于流的的构建系统,主要优点是速度,效率和简化
Gulp可以干什么?可以干什么?
开发服务器,Sass,Less或Stylus文件的预处理器,处理JavaScript的自动化脚本,代码优化工具,压缩,编译或移动文件
Gulp的官网的官网 https://www.gulpjs.com.cn/
gulp类似的工具 : grunt webpack
gulp是基于nodejs的, gulp和所有插件都通过JavaScript编写并依托Node.js平台
1.gulp优点优点:
1. 易于使用
2. 构建快速
3. 插件高质
4. 易于学习
2.gulp的安装的安装
全局安装
npm install gulp -g
npm install gulp@版本号 -g
执行gulp -v查看gulp的版本号
局部安装
在本地下载
npm install gulp --save-dev
3.gulp api
1.gulp.task(name, fn) 构建任务构建任务
name任务名 string
任务名为default : 执行 ---> gulp
任务名为minJs : 执行 ---> gulp 任务名
2.gulp.src(globs) 读取文件读取文件
通配符路径匹配
“src/a.js”
指定具体文件
2.“*”:匹配所有文件
例 :src/*.js (包含src下的所有的js文件)
3.“**” : 匹配0个或多个子文件夹
例 : src/**/*.js(包含src的0个多个子文件夹下的js文件)
4.“{}” :匹配对个属性
例:src/{a,b}.js(包含a.js和b.js文件) src/*.{jpg,png,gif}(src下的所有jpg/png/gif文件);
5."!" : 排除文件
例:!src/a.js(不包含src下的a.js文件);
3.gulp.dest(输出的路径输出的路径) 输出文件输出文件
4.gulp.series(task1, task2…) 设置任务执行顺序设置任务执行顺序 串行执行串行执行
5.gulp.parallel(task1, task2,…) 设置任务执行顺序设置任务执行顺序 并行执行并行执行