前端工作流的工具链

参考书目《Web前端自动化构建》，主要是想理清前端工作流程、工具的使用和关系

编程之外、但在日常工作流中开发者又无法避免的任务，我们把这些任务分成三类，然后用三种工具来解决它们：

• 构建系统 比如Gulp，只需要按一下按钮，它就能处理大量文件的更改。
• 依赖管理 比如Bower，它能管理常用的类库的版本信息，提醒开发者类库之间的冲突，甚至有时候自己就能把冲突解决了。
• 脚手架工具 比如Yeoman，它能提供一个项目运行所需的基本文件。只需要在控制台输入一行命令，就能用Yeoman创建一个全新的应用或模块。

脚手架工具（Yeoman）创建项目目录和结构，然后再是用依赖管理工具（Bower或npm）和构建工具（Grunt或Gulp或Webpack）。它们之间的关系就是这样。

1.开发工作流程：

• 初始化：初始化阶段的任务都是关于创建的，比如目录结构、模板代码、第三方库之类的
  • 搭建项目框架
  • 套用模板代码
  • 安装第三方软件/第三方库
• 开发：在开发阶段你大部分时间都在运行代码编译工具，比如LESS和CoffeeScript，然后刷新浏览器查看结果。你主要实在这个阶段开发应用。
  • 运行代码编译工具
  • 检查代码质量