极简记忆口诀：
敲命令 → 读配置 → 找入口 → 建依赖图 → 用Loader翻译 → 打包成Chunk → 输出到dist → 显示结果。
解释
敲命令 （npm run build 或webpack）→ 读配置 （webpack。cinfig.js）→ 找入口（Entry） → 建依赖图 （从起点文件出发根据代码中的import或require 所有的js，css 图片等关联模块儿找出来形成依赖关系）→ 用Loader翻译（遇到非js文件如：.vue，.css，.png 等时调用对应的loader转变成webpack能理解的js文件） → 打包成Chunk （根据配置如：babel-loader 进行代码 优化，压缩，合并，es6转es5 ，等后 根据规则 将代码拆分到不同的chunk【代码块】中）→ 输出到dist （处理好的chunk按照webpack.config.js中的output指定的文件名和路径打包成一个火多个文件 如 ./dist/bundle.js）→ 显示结果（生成打包后的文件 并终端显示打包成功和结果）。
核心概念对应：
webpack.config.js → 任务说明书 / 配方
Entry → 起点 / 入口
Module & Dependency Graph → 模块和关系地图
Loader → 翻译官 / 转换器
Plugin → 在过程中干特定活的工具（如压缩、拷贝）
Chunk → 打包后的代码块
Bundle → 最终输出的文件
Output → 输出目的地（./dist）