十分钟读懂gulp——前端进阶之路

本文主要介绍笔者对gulp的相关学习

一、什么是gulp，为什么要使用它

1.1自动化 - gulp是一个工具包，可帮助您在开发工作流程中自动执行痛苦或耗时的任务。
1.2与平台无关 - 集成内置于所有主要IDE中，人们正在使用gulp与PHP，.NET，Node.js，Java和其他平台。
1.3强大的生态系统 - 使用npm模块做任何你想做的事情+超过2000个用于流文件转换的策划插件
1.4简单 - 通过仅提供最小的API表面，gulp易于学习且易于使用

二、安装

cmd指令安装

gulp v4.0.0 - npm install gulp@next
gulp v4.0.0-alpha.3 - npm install gulpjs/gulp#v4.0.0-alpha.3
gulp v3.9.1 - npm install gulp

当然，你也可以直接npm i gulp 默认安装最新版，个人喜欢此方法。

三、配置文件gulpfile.js

3.1通常会在根目录创建一个 gulpfile.js，写配置文件代码。

const gulp = require('gulp');
const uglify = require('gulp-uglify'); // 压缩js
const cssmin = require('gulp-clean-css'); // 压缩css
const imagemin = require('gulp-imagemin'); // 压缩img
const del =