使用Gulp构建前端自动化解决方案

前一篇博客写了Gulp入门，这里详细的介绍一下如何用Gulp构建适合自己的前端工作流。

我在学习的时候看了挺多资料，最后在kelsen大大的博客学会了，感觉通俗易懂，一步步做过去就好了。

实际中每个人的需求不用，通过gulp以及其他相关插件进行搭配，都能够满足不同的需求，所以我最后的流程也跟上边那位kelsen大大的不太一样。我在这里会详细注释每个语句，因为在我自己学习的过程中，由于对node.js理解有限，所以时不时遇到很多困惑。希望通过我详尽的注释，能够让初次接触Gulp的同学们能够一目了然，了解他的工作原理之后，就可以很容易的按照自己的思路来搭建适合自己的前端工作流。

这里默认你已经安装好了node.js 和 gitbash。

首先在你需要的地方建立工程目录，好的目录就是工程的骨架，让结构一目了然，便于维护管理，这方面我木有经验，直接借用上边kelsen大大博客中的结构：

myproject/
├── app/
│   ├── sass/
│   │   └─ main.scss
│   ├── scripts/
│   │   └─ javascript.js
│   └── index.html
├── dist/
└── release/

初始化npm

在myproject目录下打开gitbash，执行npm init，创建一个package.json文件，这样其他人浏览工程的时候，只要看这个文件，就知道工程的各种基本信息以及依赖的模块了。
下面是我最终的package.json：

{
  "name": "daren",
  "version": "1.0.0",
  "description": "Daren Official website",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Creabine",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.14.0",
    "browsersync-ssi": "^0.2.4",
    "gulp": "^3.9.1",
    "