打造最完善的前端架构指南，造♂福人类！
npm 是 Node.js 的模块依赖管理工具。作为开发者使用的工具，主要解决开发 Node.js 时会遇到的问题。如同 RubyGems 对于 Ruby 开发者和 Maven 对于 Java 开发者的重要性，npm 对与 Node.js 的开发者和社区的重要性不言而喻。
NPM的出现是为了在CommonJS规范的基础上，实现解决包的安装卸载，依赖管理，版本管理等问题。
Bower是一个类似于npm的包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。但不同的是，Bower主要针对前端，并且直接从Github查找需要的库下载到本地缓存。
为何要用构建工具？ 一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你在配置文件配置好了任务，任务运行器就会自动帮你或你的小组完成大部分无聊的工作。
Grunt生态系统非常庞大，并且一直在增长。由于拥有数量庞大的插件可供选择，因此，你可以利用Grunt自动完成任何事，并且花费最少的代价。如果找不到你所需要的插件，那就自己动手创造一个Grunt插件，然后将其发布到npm上吧。
- 易于使用 - 通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。
- 构建快速 - 利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。
- 插件高质 - Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
- 易于学习 - 通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。
Webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过loader的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。