webpack模块打包工具
从上文看webpack很像是JS的翻译器，其实这个定义是不准确的，webpack只认识import这样的语法，很多高级的JS代码并不认识。
webpack实际上是一个模块打包工具，如下图的Header、Sidebar、Content是一个个的模块，webpack是将这些模块打包在一起的工具，生成一个最终的JS文件。
注意的是： 当我们使用import引入一些类或者代码的时候，实际上我们把这样一个代码叫做模块，所以import后面引入的内容统称为模块。webpack把这些模块打包到一起去。
在写JS代码时，不仅有ES Moudule模块规范，还有CommonJS ，这是node当中最常用的模块引入规范。还有CMD、AMD这些规范。对于这些规范，webpack都可以识别。
例如将ES Moudule模块引入方式换成CommonJS的引入方式：
CommonJS 是使用require的形式引入
相应的它的导出模块语法也要发生变化，现在不能用export default，而是用module.exports
webpack是一个模块打包工具，它能够识别出任何模块引入的语法，生成可以执行的代码。
最早的时候webpack是一个JS的模块打包工具，只能import、require一下js这样的文件然后打包到index.js文件中，随着webpack的发展，它所打包的模块不仅仅是JS文件了，它可以打包其他任何形式的模块文件，比如说css文件，jpg、png这样的图片文件，可以打包任何你想打包的内容。所以webpack是一个模块打包工具。
学习webpack的官网文档：
DOCUMENTATION---->CONCEPTS(概念)---->Modules
详细介绍了ES Moudule、CommonJS、AMD等等模块化的概念
DOCUMENTATION---->API---->Modules
介绍了一些Module的方法和变量，这两块通过api的形式，比较完整的罗列了所有的模块化的引入语法、导出的语法，包括里面一些常用的变量。
学习官网可以更深一步的了解webpack。
