webpack的作用
webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。
优点
打包：可以把多个程序需要的Javascript文件打包成一个文件，减少服务器压力和下载带宽。
转换：把拓展语言转换成为普通的JavaScript，让浏览器顺利运行。
优化：只打包跟项目有关的文件，无关冗杂的代码不会打包进去
实战
1.全局安装webpack,webpack-cli,webpack-dev-server。这里我使用的是npm 安装
npm install webpack webpack-cli webpack-dev-server -g
2.新建项目文件夹里面包含config文件夹、dist文件夹、src文件夹
3.使用npm init在初始化一个项目，然后项目里安装webpack,webpack-cli,webpack-dev-server；
4.src里新建index.html、index.js；config文件夹里建立webpack.config.js文件
6.打包文件：npm run build，dist文件夹里便会生成打包的文件
