**这是我参与「第五届青训营 」伴学笔记创作活动的第 13天，**Webpack知识体系
为什么要学习Webpack：理解前端工程化概念、工具目标，一个团队总要有那么几个人熟悉Webpack，某种程度上可以成为个人的核心竞争力，高阶前端必经之路
什么是Webpack:本质上是一种前端资源编译、打包工具，多份资源文件打包成一个Bundle，支持Babel\Eslint等，支持模块化处理css、图片等资源文件，支持HMR+开发服务器，支持持续监听、持续构建，支持代码分离，支持Tree-shaking
使用Webpack-示例：安装，编辑配置文件，执行编译命令
核心流程（极度简化版）：入口处理，从entry文件开始，启动编译流程。依赖解析，从entry文件开始，根据require或import等语句找到依赖资源，递归2\3，直到所有资源处理完毕。资源解析，根据module配置，调用资源转移器，将png/css等非标准JS资源转译为JS内容，资源合并打包，将转移后的资源内容合并打包为可直接在浏览器运行的JS文件
怎么使用Webpack，关于Webpack的使用方法，基本都围绕配置展开，而这些配置大概可划分为两类，流程类：作用与流程中某个或若干个环节，直接影响打包效果的配置项，工具类，主流程之外，提供更多工程化能力的配置项
配置总览：其他，开发效率类，性能优化类，日志类，工具类配置，输入，模块处理，后处理，输入，流程类配置
处理CSS：安装loader，添加module处理css文件
接入：Babel：1、安装依赖，2声明产物出口output,执行npx webpack
