Gulp,grunt,seajs/require和browserify/webpack的区别？

Gulp / Grunt 是构建工具，可以配合各种平台上的插件做js压缩，各种css编译，页面自动刷新，检查语法等，替代手工实现自动化开发

seajs/require和browserify/webpack 这4个都是js模块化的方案

seajs / require：是一种在线"编译" 模块的方案，相当于在页面上加载一个 CMD/AMD 解释器。这样浏览器就认识了 define、exports、module 这些东西。也就实现了模块化

browserify / webpack：是一个预编译模块的方案，相比上面的，这个方案更加智能，以webpack为例，首先它是预编译的，不需要在浏览器加载解释器，在本地写的不管是什么风格的模块化(AMD/CMD/ES6)，它都能认识，并编译成浏览器能认识的JS。

webpack 是文件打包工具，可以把项目的各种js文件、css文件等打包合并成一个文件或者多个文件，主要用于模块化，预编译模块的方案

Webpack：解释图【来自官网】