20181217 20181218——webapck详细了解

因为静态资源太多，网页加载速度会特别的慢，发很多次的二次请求
还要处理很多的依赖关系
用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. .conf.js文件中 entry是入口文件的标识，output是出口文件的标识

利用webpack-dev-server这个工具，来实现自动打包编译的功能