基于gulp的前端自动化

node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient.

npm

npm is the package manager for Node.js.

Yeoman

The web's scaffolding tool for modern webapps

Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive.

Bower

A package manager for the web

Grunt

The JavaScript Task Runner

gulp.js

The streaming build system

glup VS Grunt

• 易于使用：采用代码优于配置策略，gulp让简单的事情继续简单，复杂的任务变得可管理。
• 高效：通过利用node.js强大的流，不需要往磁盘写中间文件，可以更快地完成构建。
• 高质量：gulp严格的插件指导方针，确保插件简单并且按你期望的方式工作。
• 易于学习：通过把API降到最少，你能在很短的时间内学会gulp。构建工作就像你设想的一样：是一系列流管道。

Talk is cheap
Show me the code

DEMO TIME!

参考资料

Gulp官网

为什么使用gulp?​

慕课网 - Grunt-beginner前端自动化工具