webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；

• 借助于webpack这个前端自动化构建工具，可以完美实现资源的合并、打包、压缩、混淆等诸多功能。
  

在没有使用webpack之前：
举个例子：index.html里面有一大堆的css和js文件，如a.js b.js c.js d.js等等
（1）a.js要用到b.js里面的一个函数，则a.js要放在b.js后面
（2）c.js要用到a.js里面的一个函数，则c.js要放在a.js后面
（3）b.js又要用到d.js文件里面的函数，则b.js就要放在d.js后面
如果有N多个js文件，需要手动处理他们的关系，即容易出错。
# 使用webpack：
webpack的理念就是一切皆模块化，把一堆的css文件和js文件放在一个总的入口文件，通过require引入，剩下的事情webpack会处理，包括所有模块的前后依赖关系，打包、压缩、合并成一个js文件，公共代码抽离成一个js文件、某些自己指定的js单独打包，模块可以是css/js/images/font等等。