VIP20
本课程属于：035-OTA升级包制作 启动链与BSP系统构建 · 共 20 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

打包工具选型与效率提升

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
打包工具全景概览
为什么需要打包工具？前端工程化演进史 · 主流打包工具（Webpack · Vite
打包工具全景概览为什么需要打包工…
02
Webpack核心概念
Entry · Output · Loader
Webpack核心概念
03
Webpack Loader实战
babel-loader · css-loader · style-loader
WebpackLoader
04
Webpack Plugin实战
HtmlWebpackPlugin · MiniCssExtractPlug… · DefinePlugin
WebpackPlugin
05
Webpack性能优化（构建速度）
Loader优化（include/e… · 模块解析优化（resolve.ali… · 多进程打包（thread-loade…
Webpack性能优化
06
Webpack性能优化（输出质量）
代码分割（SplitChunksPl… · Tree Shaking · Scope Hoisting
Webpack性能优化
07
Webpack高级配置
多环境配置（dev/prod） · Source Map最佳实践 · 环境变量注入
Webpack高级配置
08
Webpack 5新特性
持久化缓存 · 模块联邦（Module Federa… · 资源模块（Asset Modules…
Webpack5新特性
09
Vite入门与核心原理
基于ES Module的开发服务器 · 利用esbuild预构建依赖 · HMR热更新机制
Vite核心原理
10
Vite配置与插件系统
Vite配置文件详解 · 常用插件（@vitejs/plugi… · vite-plugin-inspec…
Vite配置
11
Vite生产构建
基于Rollup的构建策略 · 代码分割与懒加载 · CSS处理与PostCSS集成
Vite生产构建
12
Vite性能调优
依赖预构建优化 · 缓存策略 · 构建速度分析
Vite性能调优
13
Rollup核心概念
Tree Shaking原生支持 · Input/Output配置 · 插件系统
Rollup核心概念
14
Rollup插件生态
@rollup/plugin-nod… · @rollup/plugin-com… · rollup-plugin-ters…
Rollup插件生态
15
esbuild极速体验
Go语言编写的打包器 · API使用 · Loader与Plugin机制
esbuild极速体验
16
Parcel零配置体验
Parcel v2特性 · 内置支持TypeScript/JSX… · 多页面应用打包
Parcel零配置体验
17
打包工具选型决策树
项目类型（SPA/MPA/库/微前端… · 团队技术栈 · 构建速度要求
打包工具选型决策…SPA/MPA
18
微前端场景下的打包策略
Module Federation实… · qiankun与打包工具的集成 · 独立部署与统一构建
微前端场景下的打…Module
19
Monorepo与打包工具
Turborepo/Nx集成Webp… · 依赖缓存与增量构建 · 构建任务编排
Monorepo打包工具
20
CSS打包方案深度对比
CSS Modules · CSS-in-JS · Tailwind CSS在不同打包工…
CSS打包方案深度对比
21
TypeScript打包配置
ts-loader vs babel… · @rollup/plugin-typ… · esbuild对TS的支持
TypeScript打包配置
22
图片与字体资源优化
Image Minimizer插件配… · SVG Sprite生成 · 字体子集化
图片字体资源优化
23
构建产物分析
Webpack Bundle Ana… · Vite构建分析 · Rollup可视化分析
构建产物分析Webpack
24
CI/CD中的打包优化
缓存策略（GitHub Action… · 构建矩阵 · 并行构建
CI/CD打包优化
25
打包工具迁移实战
从Webpack迁移到Vite的完整… · 兼容性处理 · 插件替换方案
打包工具迁移实战Webpack
26
低代码平台与打包工具
动态加载组件 · 运行时打包 · 沙箱隔离
低代码平台打包工具
27
打包工具安全实践
依赖审计（npm audit） · 供应链安全 · 锁定文件策略
打包工具安全实践npm
28
下一代打包工具展望
Rspack（Rust版Webpac… · Turbopack（Next.js团… · Bun打包器
下一代打包工具展…Rspack
29
企业级打包规范制定
统一CLI工具封装 · 脚手架集成 · 质量门禁
企业级打包规范制…CLI
30
综合实战
从零搭建一个支持React/Vue · TypeScript · CSS Modules
综合实战React/Vue