gulp基础详解

gulp

1. 什么是gulp

   • gulp是一个自动化构建工具，主要用来设定程序自动处理静态资源的工作。简单的说，gulp就是用来打包项目的，常见的有Grunt、Gulp、Webpack三种，Grunt比较老旧，功能少，更新少，插件少。

2. gulp可以用来做什么

   • 搭建web服务器
   • 文件保存时自动重栽浏览器
   • 使用预处理器如Sass、Less
   • 优化资源，比如压缩CSS、JavasScript、压缩图片

3. gulp的安装

   • 全局安装

     npm i gulp@3 -g  //安装3.9.1版本
     npm i gulp@4 -g//安装版本号为4的版本 任选其一 两个版本
     

   • 检查是否安装成功

     gulp -v
     

   • 安装开发依赖版本，为了项目上线使用

     npm i gulp@3 -g --save-dev //两种写法都可以
     npm i gulp@3 -g -D //
     

     =>注意项目依赖版本要与全局安装版本保持一致 否则可能出现报错

   • 项目初始化，新建package.json

     npm init -y //可以在该文件中找到项目依赖gulp对应的 版本信息
     

4. 使用gulp

   • 在文件夹根目录下建立一个gulpfile.js文件

   • 这个文件就是配置运行文件，可以检测我们的gulp是否可以正常使用

     //先导入我们安装好的gulp模块
     var gulp=require("gulp");
     //执行验证函数
     gulp.task("init",function