Rollup、webpack、gulp、Grunt

Rollup

Rollup官方解析：Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序
webpack官方解析：webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
应用场景对比

使用Rollup的开源项目：
vue
vuex
vue-router

webpack

使用webpack的项目：
饿了么UI
mint-ui
vue脚手架项目
从上面使用场景可以大概分析出，Rollup偏向应用于js库，webpack偏向应用于前端工程，UI库；如果你的应用场景中只是js代码，希望做ES转换，模块解析，可以使用Rollup。如果你的场景中涉及到css、html，涉及到复杂的代码拆分合并，建议使用webpack。

gulp

gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。

Grunt

自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你在 Gruntfile 文件正确配置好了任务，任务运行器就会自动帮你或你的小组完成大部分无聊的工作。

bower

Bower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt。可以检查包的依赖版本是否正确。

Yeamon

Yeamon帮助你快速的开展一个项目工程，提供最佳实践和工具，来让你保持高效率编码。
他们自己提供了一个构建生态系统，主要通过‘yo’这个命令来构建一个完整的项目或者项目的一部分。
通过官方的生成器，他们建立了一个Yeoman的工作流，这个流是由一个强大的,固定的客户端组建，包含工具和框架帮助开发者快速建立牛逼的web应用。他们尽量提供了开发者所需的东西。
作为良好文档和深入思考构建过程的思想者，Yeoman包含了检测（静态检测）、测试以及压缩等等一系列工具，让开发者能够更加专注于思考解决方案。

Browserify

Browserify 可以让你使用类似于 node 的 require() 的方式来组织浏览器端的 Javascript 代码，通过预编译让前端 Javascript 可以直接使用 Node NPM 安装的一些库。

parcel

许多打包工具需要许多配置，下载许多插件, 仅仅为了让应用工作，就需要写上超过500行的配置，这是十分常见的. 这些配置不仅无聊而且耗时, 而且想要配置正确也不容易。 这往往不能使应用在性能上达到最优化。 parcel 很自豪地告诉你，我们不需要任何配置: 仅仅需要指出你的入口文件，它就能帮你解决问题。

1、webapck 包管理器
2、gulp/grunt更快node
3、yo发布一些自己的模块
4、bower 安装依赖
5、browserify能够让本地的js应用服务端的js require能力
6、rollup tree-shaking ~ cmd amd.