用Gulp搭建前端自动化解决方案（一）

这是我从.net阵营转到前端阵营后，第一次写某某系列的文章，希望读者能多给点建议。

这是我自己构建的工作中用到的前端自动化解决方案，项目地址：github.com/garsonguo/gulpbase，里面包含了开发时用的版本和发布时用的版本，对你有帮助的话，可以点watch关注下哦。

---

Gulp简介

Gulp是基于nodejs的一个构建工具，前端工程师可以用它构建自动化工作流，处理一些常见的工作，如：css、js压缩合并重命名，图片压缩等，使我们可以把工作重心放到逻辑代码的编写中，提高开发效率和质量。

---

Gulp安装和使用

步骤：

1.确保安装好nodejs后，打开命令行工具，输入以下命令：npm install -g gulp；

2.cd到你的项目，输入命令：npm init，构建package.json，它将记录你的安装包等信息；

3.项目中再次安装gulp，输入命令：npm install gulp --save-dev;

4.在该目录下，新建文件gulpfile.js，工作流将从该文件启动。

gulp核心API就四个：src、dest、task、watch，所以我们可以将gulpfile.js简单配置如下：

      var gulp = require('gulp');

     gulp.task('default',function(){

          console.log('gulp 启动')

     })