gulp前端自动化开发的工具

gulp 是基于 node 实现 Web 前端自动化开发的工具，利用它能够极大的提高开发效率。

在 Web 前端开发工作中有很多“重复工作”，比如压缩CSS/JS文件。而这些工作都是有规律的。找到这些规律，并编写 gulp 配置代码,让 gulp 自动执行这些“重复工作”。

gulp把某目录下的js代码压缩到另一个目录下的js文件中。

编写 gulp 代码

gulp 还可以做很多事，例如：压缩CSS、压缩图片、编译Sass/LESS、编译CoffeeScript、markdown 转换为 html。

做准备工作，安装node。已经安装过了，

安装gulp

npm 是 node 的包管理工具，可以利用它安装 gulp 所需的包。（在安装 node 时已经自动安装了 npm）

在命令行输入 npm install -g gulp

安装完成后再命令行输入gulp -v  确认安装成功。

成功之后先创建一个执行压缩的gulpfile.js文件用来编写gulp的代码。

这里一定要注意：全局安装gulp是为了执行gulp任务，本地安装gulp则是为了调用gulp插件的功能

在项目目录中安装本地gulp 。执行npm install gulp --save-dev

安装好之后，执行gulp 任务名称

会报错，Cannot find module 'gulp-uglify'没有找到gulp-uglify模块。

因为我们并没有安装gulp-uglify模块到本地，所以找不到此模块。

使用 npm 安装gulp-uglify到本地

执行命令：npm install gulp-uglify

再次执行 gulp 任务名称。即可。

目录

在本地安装gulp之后出现node_modules文件，在安装了安装gulp-uglify模块到本地之后在node_modules文件中会出现一个gulp-uglify的文件夹，再次执行即可对js压缩了。