因为静态资源太多，网页加载速度会特别的慢，发很多次的二次请求
还要处理很多的依赖关系
用requireJS 也可以使用webpack使用各个包来解决复杂的依赖关系
什么是webpack
就是前端的一个项目构建工具
基于node.js开发的一个前端工具
gulp是基于task任务，gulp在大项目要建立很多小模块
webpack是基于整个项目进行构建
webpack npm i webpack -g
html页面中不需要导入css 和 js 文件
由于ES6的语法太高级了，浏览器解析不了，无法使用import来导入
利用webpack进行打包 运行格式
webpack .\src\main.js .\dist\bundle.js
1.webpack能够处理JS文件的互相依赖关系
2.webpack能够处理JS兼容问题，把高级浏览器不识别的语法转为低级的，浏览器能正常识别的语法
一开始的时候我们应用webpack生成的bundle文件，每次更新都需要webpack命令一次
在webpack.base.conf.js文件中 entry是入口文件的标识，output是出口文件的标识
利用webpack-dev-server这个工具，来实现自动打包编译的功能