课程立足蓬勃发展的互联网产业与数字化转型需求，采用“底层原理—>实战改造—>性能优化—>框架设计”的四维全链路教学模型。课程从前端工程化核心概念与模块化规范起步，深入剖析Webpack构建原理、HMR热更新机制及Express中间件架构。随后重点攻坚大型原生JS与Vue项目的工程化改造实战，掌握Webpack5分包策略、多进程构建与Tree Shaking等性能优化手段。最终进阶至前端工程化脚手架框架设计与Vue2到Vue3的大型项目架构升级，助你从一名前端开发工程师蜕变为具备架构视野与工程落地能力的顶级前端架构师。
课程目录：
吃透前端工程化
| 课件.zip
|
+—第10章 【Vue3框架升级】大型前端项目Vue2升级Vue3实战(1)
| 10-1 为什么要升级vue3——vue3与vue2对比.mp4
| 10-2 vue3升级流程分析+vue3依赖升级.mp4
| 10-3 vue2-elm项目启动脚本升级.mp4
| 10-4 项目vue3升级后编译错误的解决.mp4
| 10-5 vue-router和vuex语法升级.mp4
| 10-6 接口升级+图片链接升级.mp4
| 10-7 首页vue3语法升级.mp4
| 10-8 vuex和vue-router移植要点解析.mp4
| 10-9 vue3.2 setup语法糖升级.mp4
|
+—第11章 【Webpack性能优化】大型前端项目工程化升级实战
| 11-1 webpack性能优化原理和目标.mp4
| 11-2 深入分析构建速度测量插件speed-measure-webpack-plugin.mp4
| 11-3 深入分析构建体积检测插件webpack-bundle-analyzer.mp4
| 11-4 构建性能优化之多进程thread-loader.mp4
| 11-5 【精华】webpack5分包策略详解.mp4
| 11-6 分包文件拷贝和模板的自动引用.mp4
| 11-7 利用webpack5 cache特性大幅提升构建性能.mp4
| 11-8 image-webpack-loader实现图片5倍压缩.mp4
| 11-9 purgecss-webpack-plugin优化css体积.mp4
|
+—第12章 【Webpack5】前端构建工具Webpack5升级指南
| 12-1 webpack4和5构建结果对比.mp4
| 12-2 webpack4和5缓存特性对比.mp4
| 12-3 webpack缓存插件hard-source-webpack-plugin.mp4
| 12-4 webpack4和5构建结果对比.mp4
| 12-5 webpack5高级特性：URIs解析.mp4
| 12-6 webpack5高级特性：TreeShaking和SideEffects.mp4
| 12-7 webpack5高级特性：模块联邦.mp4
| 12-8 webpack5高级特性：PackageExports.mp4
|
+—第13章 【通关】前端工程化脚手架设计
| 13-1 为什么需要前端工程化脚手架？.mp4
| 13-10 应用fs.Stat的mode属性获取文件类型.mp4
| 13-11 使用与运算（&）获取文件权限.mp4
| 13-12 应用id命令获取用户信息.mp4
| 13-13 文件容量和创建时间的获取.mp4
| 13-14 文件夹下级文件数量功能开发.mp4
| 13-15 脚手架自动化测试流程讲解和脚本开发.mp4
| 13-16 文件类型+权限自动化测试脚本开发.mp4
| 13-2 深入脚手架的实现原理.mp4
| 13-3 脚手架开发流程介绍.mp4
| 13-4 快速搭建脚手架和脚手架本地调试方法.mp4
| 13-5 脚手架参数解析方法封装1.mp4
| 13-6 imooc-ls脚手架遍历文件功能实现.mp4
| 13-7 imooc-ls支持查询全部文件和列表渲染模式.mp4
| 13-8 深入讲解MacOS（含Linux）文件权限体系.mp4
| 13-9 解析MacOS（含Linux）文件类型和权限存储原理.mp4
|
+—第14章 【脚手架框架】前端工程化脚手架框架搭建
| 14-1 为什么要使用脚手架框架？.mp4
| 14-10 Command基本用法解析.mp4
| 14-11 Argument高级用法解析.mp4
| 14-12 Commander action this用法+钩子函数.mp4
| 14-13 脚手架框架搭建之Node版本校验.mp4
| 14-14 脚手架框架搭建之命令注册.mp4
| 14-2 脚手架框架之框架搭建+参数解析1.mp4
| 14-3 脚手架框架之subcommand解析.mp4
| 14-4 commander框架帮助文档生成规则.mp4
| 14-5 commander options基础特性解析.mp4
| 14-6 commander options高级特性解析.mp4
| 14-7 高能：利用Option对象创建脚手架属性.mp4
| 14-8 自定义Option处理函数.mp4
| 14-9 高级特性：Option参数叠加处理1.mp4
|
+—第1章 【序章】关于这门课，你需要了解得都在这里
| 1-1 工程化≠webpack.mp4
| 1-2 【预备知识】优雅学习课程，需要的知识储备_慕课网.pdf
| 1-3 【增值服务】面试指导_慕课网.pdf
|
+—第2章 企业工程化场景分析&工程化核心技术讲解
| 2-1 【起航】阶段概览.mp4
| 2-10 前端工程化关键技术之ESModule规范详解（下）.mp4
| 2-11 前端工程化关键技术之npm+webpack原理.mp4
| 2-12 ZBestPC工程化改造需求分析.mp4
| 2-2 前端工程化发展历史.mp4
| 2-3 前端工程化的应用场景.mp4
| 2-4 前端工程化关键技术之模块化详解（上）.mp4
| 2-5 前端工程化关键技术之模块化详解（中）.mp4
| 2-6 前端工程化关键技术之模块化详解（下）.mp4
| 2-7 前端工程化关键技术之CommonJS规范详解（上）.mp4
| 2-8 前端工程化关键技术之CommonJS规范详解（下）.mp4
| 2-9 前端工程化关键技术之ESModule规范详解（上）.mp4
|
+—第3章 【初探】原生前端项目工程化改造
| 3-1 webpack核心概念入门.mp4
| 3-2 webpack快速入门+基础代码演示.mp4
| 3-3 webpack source-map原理讲解.mp4
| 3-4 通过webpack loader打包css文件.mp4
| 3-5 css-loader打包文件源码解析（上）.mp4
| 3-6 css-loader打包文件源码解析（下）.mp4
| 3-7 创建属于自己的文件类型：自定义loader开发.mp4
| 3-8 webpack plugin入门+BannerPlugin源码解析.mp4
| 3-9 自定义webpack plugin实现自定义页脚注释.mp4
|
+—第4章 【原生js项目】项目源码分析+工程化改造流程分析
| 4-1 ZBestPC项目改造前源码分析.mp4
| 4-2 ZBestPC项目工程化存在的问题分析.mp4
| 4-3 工程化改造流程梳理和难点解析.mp4
| 4-4 【储备】项目预备知识梳理_慕课网.pdf
|
+—第5章 【前期准备】原生JS项目工程化架构改造
| 5-1 原生js项目集成webpack.mp4
| 5-2 使用html-webpack-plugin实现自动注入bundle.mp4
| 5-3 首页css移植+webpack5图片打包新特性详解.mp4
| 5-4 首页js移植+ProvidePlugin注入全局变量.mp4
| 5-5 zbestpc项目登录页面移植.mp4
|
+—第6章 【性能优化】原生JS项目工程化性能优化
| 6-1 项目优化进阶之多js分离.mp4
| 6-2 项目开发模式配置+CopyWebpackPlugin自动拷贝配置.mp4
| 6-3 性能优化之从bundle剥离css资源.mp4
| 6-4 性能优化之js&css压缩+treeshaking特性详解.mp4
| 6-5 精化：详细讲解treeshaking的使用前提和触发条件.mp4
| 6-6 划重点：详细讲解splitChunkj特性.mp4
| 6-7 利用ejs实现公共代码复用.mp4
| 6-8 利用CleanWebpackPlugin清空dist目录.mp4
| 6-9 【拓展】webpack常用优化手段_慕课网.pdf
|
+—第7章 【加餐】原生JS项目Vue进阶改造
| 7-1 webpack多配置文件改造.mp4
| 7-2 完成Vue项目构建前的准备工作.mp4
| 7-3 编写Vue项目构建配置文件.mp4
| 7-4 首页和登录页面移植到Vue框架.mp4
| 7-5 Vue MPA应用移植和工程问题解决.mp4
| 7-6 Vue2升级Vue3原理讲解+构建脚本升级.mp4
| 7-7 Vue2升级Vue3源码改造.mp4
| 7-9 项目任务操作手册_慕课网.pdf
|
+—第8章 【进击】大型项目工程化改造
| 8-1 vue2-elm架构升级需求分析.mp4
| 8-2 vue2-elm项目启动+构建命令分析.mp4
| 8-3 vue2-elm项目开发模式构建源码分析.mp4
| 8-4 深入理解开发模式下时为什么要启动express服务.mp4
| 8-5 http服务原理讲解+express服务快速搭建.mp4
| 8-6 express核心概念middleware深入讲解.mp4
| 8-7 express异常中间件和异常捕获机制详解.mp4
| 8-8 express https服务+静态资源服务搭建实战.mp4
|
\—第9章 【HMR原理解析】vue-cli核心源码解析
9-1 核心中间件：webpack-dev-middleware实例化源码解析.mp4
9-2 devMiddleware中间件核心处理逻辑解析.mp4
9-3 深入讲解HMR实现原理.mp4
9-4 hotMiddleware源码执行流程详解.mp4
9-5 HMR客户端实现原理详解.mp4
9-6 vue-cli构建源码流程梳理.mp4
下载地址：
感谢您的来访，获取更多精彩文章请收藏本站。
