Webpack

webpack就是一个模块打包工具，然后我们进行模块化开发的时候，会帮助我们处理模块之间的依赖关系。
开发项目的时候可能有很多各式各样的文件，如果把这些文件直接发到浏览器部署的话，很有可能浏览器不能正常运行，因为有些文件它不支持。也有可能JS文件不支持ES6，只支持ES5。所以需要一个工具做一些转换和打包生成一些浏览器可以识别执行的代码

前端模块化。
CommonJS，ES6

webpack下有一个dist文件夹
打包后的文件都是放在dist文件夹里面

安装webpack，新建webpack配置文件webpack.config.js
然后写module.exporps = {
（入口）entry：‘main.js’; 入口文件
（出口）output: {
path:’./dist’ 输出文件的路径
filename:’./bundle.js’ 输出文件的名称
}
}