从本质上来讲，webpack是一个现在的javaScript应用的静态模块化打包工具。（从两点概括这句话即模块和打包）
何为模块：
前端模块化的一些方案：AMD、CMD、CommonJS、ES6（浏览器不能识别它们，但是webpack可以做它们的底层支撑，方可进行模块化开发）
ES6之前，要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发。
并且在通过模块化开发完成了项目后，还需要处理模块化间的各种依赖，并且将其进行整合打包。
此时出现webpack，其中一个核心就是让我们可能进行模块化开发，并且会帮助我们处理模块间的依赖关系。
而不仅仅是JavaScript文件，我们的CSS、图片、json文件等等在webpack中都可以被当做模块来使用。
何为打包：
webpack可以帮助我们进行模块化，并且处理模块间的各种复杂关系后，打包的概念就很好理解了。
就是将webpack中的各种资源模块进行打包合并成一个多个包（Bundle）
并且在打包的过程中，还可对资源进行处理，比如压缩图片，将scss转成css，将ES6语法转成ES5语法，将TypeScript转成JavaScript等等操作。
webpack的安装：
（wepack为了正常运行必须依赖node环境，而node环境为了可以正常的执行，必须使用npm工具管理node中各种依赖的包）
因此安装webpack首先要安装Node.js，Node.js自带了软件包管理工具npm
全局安装webpack（npm install webpack@3.6.0 -g）
局部安装webpck（npm install webpack@3.6.0 --save-dev）–save-dev是开发时依赖，项目打包后不需要继续使用。
loader：
loader是webpack中一个非常核心的概念
现在我们来思考一下webpack用来做什么？
我们主要使用webpack来处理js代码，并且webpack会自动处理js之前相关的依赖。但，在开发中不仅由基本的js代码处理，也需要加载css、图片、也包括一些高级的将ES6转成ES5代码，将TypeScript转成ES5代码，将scss、less转成css，将.jsx、.vue文件转成js文件等。对于webpack本身的能力来说，对于这些转化是不支持的。此时给webpack扩展对应的loader就可以了
