打包工具只是一向可以很好的管理html css javascript，使用可以锦上添花，不使用也没关系。如果你是一位偏向于后端程序员，了解熟悉即可，对于前端程序员来说，现在打包工具基本是个基本技能，你需要多多擅用。

在这里介绍4款主流的打包工具：grunt gulp webpack rollup

Grunt：

较老牌的打包工具，它运用配置的思想来写打包脚本，一切皆配置，所以会出现比较多的配置项，诸如option,src,dest等等。而且不同的插件可能会有自己扩展字段，认知成本高，运用的时候需要明白各种插件的配置规则。

Gulp：

用代码方式来写打包脚本，并且代码采用流式的写法，只抽象出了gulp.src gulp.pipegulp.dest gulp.watch接口，运用相当简单。更易于学习和使用，使用gulp的代码量能，比grunt少一半左右。

Webpack:

是?？榛芾砉ぞ吆痛虬ぞ?。通过loader的转换，任何形式的资源都可以视作?？椋热鏑ommonJs?？?、AMD?？?、ES6?？?、CSS、图片等。它可以将许多松散的?？榘凑找览岛凸嬖虼虬煞仙肪巢渴鸬那岸俗试?。还可以将按需加载的?？榻写敕指?，等到实际需要的时候再异步加载。它定位是模块打包器，而Gulp/Grunt属于构建工具。Webpack可以代替Gulp/Grunt的一些功能，但不是一个职能的工具，可以配合使用。

Rollup：

tree-shaking生成更简洁、更简单的代码。一般而言，对于应用使用Webpack，对于类库使用Rollup;需要代码拆分(Code Splitting)，或者很多静态资源需要处理，再或者构建的项目需要引入很多CommonJS?？榈囊览凳?，使用webpack。代码库是基于ES6?？?，而且希望代码能够被其他人直接使用，使用Rollup。