前端构建工具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/