day29 - gulp操作

gulp是前端开发过程中对代码进行构建的工具， 是自动化项目的构建利器；
她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；大大提高我们的工作效率。
gulp 将开发流程中让人痛苦或耗时的任务自动化，从而减少你所浪费的时间、创造更大价值。
基于 node 强大的流(stream)能力，gulp 在构建过程中并不把文件立即写入磁盘，从而提高了构建速度。

gulp的安装:

全局安装：npm i gulp -g
局部安装：npm i gulp --save-dev 或 npm i gulp -D

利用gulp做项目:

1.npm init -y(生成package.json)
2.npm install gulp -D
3.新建记事本文件gulpfile.js

gulp的常用插件：

gulp-concat： 合并js
gulp-watch： 监听任务
gulp-uglify： 压缩js
gulp-rename 重命名
gulp-imagemin 图片压缩
gulp-sass : sass编译插件
gulp-minify-html / gulp-minify-css(最终是调用gulp-clean-css)： 压缩html和css
…

gulp的基本语法：

const 自定义名称 = require(‘插件名称’)

gulp.task(taskname,callback):创建任务 taskname任务名称 callback执行的回调
gulp.src(url):设置引入文件的路径
gulp.dest():输出文件设置(如果不存在目录名，自动生成)
pipe():管道流(将任务链式连接起来)
gulp 任务名 – 执行任务