webpack是一个现代的JavaScript应用的静态打包工具。主要的功能就是模块和打包。

本质上，webpack 是一个现代JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle，从而实现前端模块化。

1.前端模块化

• AMD,CMD,CommonJS，ES6模块化都支持， 一般浏览器只支持ES6，其他模块不能部署到服务器，但是假如用打包工具webpack打包，则4中技术都能被webpack打包翻译（在开发中可以用commonjs，打包后没有commonjs）。
• 模块化开发中，需要导入各个模块间的依赖，webpack可以处理模块间的依赖，生成浏览器能识别的代码。
• 不仅仅JavaScript文件可以打包，css，图片，json等都可以被webpack当做模块来用。

一般像Grunt、Gulp这类的构建工具，打包思路是：先遍历源文件，然后匹配规则，最后再打包，这个过程很耗费资源。而Webpack可以做到按需加载，与其他构建工具不同之处在于：Webpack是从入口文件开始，经过模块依赖加载、分析和打包三个流程完成项目的构建。在加载、分析和打包的三个过程中，可以针对性的做一些解决方案，达到按需加载的目的，比如拆分公共代码（code split）等。

Webpack在打包时遵循“一切皆模块”的思想，即JS是模块，CSS等文件也是模块，还可以将ES6转为ES5，并且可以对Less、Sass这些CSS预处理器进行编译。在打包过程中通过强大的Loader和插件机制来完成解决方案的封装，最后对项目进行压缩和优化等操作。Webpack解决了传统构建工具实现不了的问题，被更多的前端开发者使用。