平时主要写的是一些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/非常的详细
网友评论