webpack到底是干什么用的？

根据官网介绍，我们可以从本质上说，webpack是一个用于现代JavaScript应用程序的_静态模块打包工具。实际上我们可以理解成，当我们项目中有多个模块的时候，webpack会根据自身的依赖图，并生成一个或多个bundle。

那么究竟webpack能给我们带来哪些便利呢？

1. 浏览器不识别SASS、LESS ==>需要对less/sass预编译成css，供浏览器使用；
2. 项目中的模块化以及相互之间引用以来造成文件分散==>需要把各个分散的模块集中打包成大文件，减少HTTP的链接请求次数；
3. 打包成了一个大文件，体积变大了==>所以代码要进行压缩
4. 部分ES6语法有兼容问题==>ES5==>浏览器使用

综上所示的这些需要手动处理，或者需要很多个工具的操作，我想大家一定会头皮发麻，这个时候webpack就可以上场了。