前端构建工具gulp

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

1.为什么使用gulp？

• 通过gulp命令，可以将src中的文件通过”流”的生成一个dist文件夹
• 将多个文件合并为同一个文件
• 通过包管理器npm也可以自动更新一些有名的代码库
• 再也不用按F5刷新了，只需保存文件浏览器自动刷新

 

3.Gulp

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