VIP20
本课程属于：037-应用发布合规与包体瘦身 移动端与Android应用开发 · 共 20 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

包体构成分析实战教程

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
包体基础概念
什么是包体 · 包体的作用 · 包体在现代开发中的重要性
包体基础概念什么是包体
02
包体结构剖析
解压结构 · 文件清单 · 元数据与配置文件的角色
包体结构剖析解压结构
03
主流打包工具概览
Webpack · Rollup · Parcel
主流打包工具概览Webpack
04
Webpack 核心配置
entry · output · loader
Webpack核心配置
05
依赖图谱构建
模块依赖分析 · 依赖树可视化工具的使用
依赖图谱构建模块依赖分析
06
代码分割原理
入口分割 · 动态import · SplitChunksPlugin…
代码分割原理入口分割
07
Tree Shaking 机制
ES Module 静态分析 · 副作用标记 · 实际优化效果
TreeShaking
08
资源压缩与混淆
JS/CSS/HTML 压缩 · Terser · CSSNano
资源压缩混淆
09
图片与字体优化
雪碧图 · Base64 内联 · 字体子集化
图片字体优化
10
CSS 优化实践
提取独立文件 · 消除未用样式 · PurgeCSS 集成
CSS优化实践
11
包体体积分析工具
webpack-bundle-ana… · rollup-plugin-visu…
包体体积分析工具webpack-bund…
12
按需加载与懒加载
组件懒加载 · 路由懒加载 · 图片懒加载的实现
按需加载懒加载
13
缓存策略优化
内容哈希 · 长效缓存 · manifest 与 chunkha…
缓存策略优化内容哈希
14
多环境构建配置
开发/生产/测试环境下的差异化处理
多环境构建配置开发
15
Polyfill 与兼容性
core-js · @babel/preset-env · 按需引入 polyfill
Polyfill兼容性
16
模块联邦（Module Federation）
跨应用共享模块 · 独立部署的包体设计
ModuleFederation
17
Monorepo 下的包体管理
Lerna · Turborepo · Nx 的包体分析与共享
Monorepo下的包体管理
18
依赖版本锁定与升级
lock 文件分析 · semver 策略 · 依赖审计
依赖版本锁定升级
19
运行时性能与包体关系
首次加载时间 · FP/FCP/LCP 的优化关联
运行时性能包体关系
20
预加载与预解析
preload · prefetch · preconnect 的合理使用
预加载预解析
21
Service Worker 与离线缓存
Workbox 配置 · 包体增量更新
ServiceWorker
22
CDN 与边缘分发
第三方 CDN 引用 · 自身资源上 CDN 的包体策略
CDN边缘分发
23
包体安全审计
已知漏洞检测（npm audit/s… · 供应链安全
包体安全审计npm
24
移动端包体特化
App 内嵌 H5 的包体限制 · 分包加载方案
移动端包体特化App
25
小程序与微前端包体
小程序分包 · qiankun 子应用包体优化
小程序微前端包体
26
持续集成中的包体监控
CI 流水线集成体积门禁 · 自动报告
持续集成包体监控
27
包体回归测试
对比历史版本体积变化 · 配置告警阈值
包体回归测试对比历史版本体积…
28
实战案例一
中等规模 React 项目的包体从…
实战案例一React
29
实战案例二
Vue3 + Vite 项目的首屏优…
实战案例二Vue3
30
前沿趋势
ESBuild · SWC · Rspack 等下一代工具对包体构成…
前沿趋势ESBuild