前端构建工具gulp

平时主要写的是一些PHP的代码，这个月由于工作需要，用到前端构建工具gulp来改一些开源的模板，来用在自己的项目上面！下面就谈一下这个礼拜对gulp的个人理解。

为什么使用gulp？

• 通过gulp命令，可以将src中的文件以”流”的形式在dist文件夹生成处理后的文件
• 将多个文件合并为同一个文件（比如，header，footer）
• 通过包管理器npm也可以自动更新一些有名的代码库（只需要运行npm 自动更新bootstrap等等，但是gulpfile必须指向nodemodules中的bootstrap文件才行）
• 再也不用按F5刷新了，只需保存文件浏览器自动刷新（点赞）

Gulp

目录结构.jpg

• 目录结构：
  package.json: 里面是一些依赖通过运行 npm install 这些依赖注入会自动下载到node_modules的目录里面；
  src文件夹: 存放自己源文件；
  dist文件夹: 存放生产的文件，最终的项目文件；
  gulpfile.js: 里面的命令就是告诉gulp要做什么；
  node_modules: 存放下载的组件，还可以通过gulp自动将这里的文件设置为源文件，然后压缩到dist文件夹中。

• gulp的相关命令参考官方文档 http://www.gulpjs.com.cn/非常的详细