什么是webpack

为什么要用webpack：

实现文件的解耦，js文件，css文件，html文件分开写，最终打包到dist目录中

1.打包

• 减少文件依赖
• 减少http请求次数

2.转换

• 通过loader把浏览器不认识的转化成认识的

3.优化

• 代码压缩，图片压缩

4.构建开发服务器

webpack 架构

1.Entry 入口
2.Output 出口
3.Loaders 转换器
4.Plugins 插件
5.Mode 环境配置（生成模式 开发模式）
6.Browser Compatibility 浏览器的兼容
7.devServer 开发服务器