gulp是什么？

gulp是什么？

gulp 是基于 node 实现 Web 前端自动化开发的工具
自动化构建工具有三个 gulp grunt webpack

gulp可以做什么

1.可以自动压缩js文件、css文件、图片
2.为避免兼容问题，可以将ES6语法转换成ES5
3.可以将sass源文件编译生成css
4.可以自动刷新浏览器
5.可以在本地搭建一个代理服务器以便于解决临时的跨域问题
…

3.gulp使用步骤

1.检查node是否安装
node -v
npm -v
2.npm init -y package.json
3.安装gulp
npm i gulp -g(全局安装)
npm i gulp -D(本地安装)

4.新建一个gulpfile.js文件(必须是这个文件名)

   1.gulp.task() 创建任务 
        //第一个参数 任务名
        //第二个参数  函数->执行具体任务的
    2.gulp.src() 文件路径
    3.gulp.dest() 文件输出路径

5.在命令行 gulp+任务名 执行这个任务

总结
1.gulp.task(name, fn) - 定义任务，第一个参数是任务名，第二个参数是任务内容。
2.gulp.src(path) - 选择文件，传入参数是文件路径。
3.gulp.dest(path) - 输出文件
4.gulp.pipe() - 管道，你可以暂时将 pipe 理解为将操作加入执行队列

清除node缓存

npm cache clean --force