这是我参与「第四届青训营 」笔记创作活动的第19天
前端基础班第12节：webpack知识体系。
为什么要学习webpack
- 理解前端“工程化”概念、工具、目标
- 一个团队需要有几个人熟悉webpack
- 高阶前端必经之路
一.什么是webpack
前端项目由资源构成
手动管理资源效率低：
出现了工程化工具：
本质上是前端资源编译、打包工具：
二.使用webpack
示例：
- 1.安装
- 2.编辑配置文件
- 3.执行编译命令
核心流程：
模块化+一致性：
使用webpack
1.流程类配置
2.配置总览
至少要定义entry和output：
3.处理css
（1）安装loader
（2）添加‘module’处理css文件
效果：
4.接入babel
（1）安装依赖
（2）声明产物出口‘output’
（3）执行‘npx webpack’
5.生成HTML
使用插件，自动生成HTML
6.工具线
（1）HMR
- 开启HMR
- 启动webpack
（2）tree-shaking
删除定义了但没有用到的代码
（3）其他
