搭建web工作流实现自动化
一、为什么要搭建工作流?
- web开发中存在很多重复性操作,花费我们大量时间
- 使用less或者sass书写样式后需要编译成css文件
- 对js,css,image,html文件进行压缩
- 对项目依赖的框架进行记录管理
二、使用gulp工作流开发项目的文件目录
┠─dist ━━━━━━━━━━━━━┱─images
(项目上线代码) ┠─styles
┠─scripts
┖─index.html
┠─src ━━━━━━━━━━━━━┱─images
(项目生产源码) ┠─styles
┠─scripts
┖─index.html
┠─node_modules(bower_components) (存储了项目所需要的包)
┠─gulpfile.js (控制工作流的js文件)
┠─package.json (记录项目的版本,名称,主文件,开发依赖,以及生产依赖)
┖─README.md (项目的说明和帮助文档)