- 资源介绍
![](https://www.92ydl.com/wp-content/uploads/2023/01/1673456013-5372327de4d6871.png)
![](https://www.92ydl.com/wp-content/uploads/2023/01/1673456037-0fd194fa46c3ea3.png)
第1章 课程简介
1-1 导学 (11:15)
第2章 走进前端构建
2-1 为什么学习这门课程 (04:35)
2-2 了解前端构建的重要性 (05:41)
2-3 webpack的出现带来的变局 (04:31)
2-4 前端构建初体验- webpack 及相关工具安装 (09:00)
2-5 webpack初体验-构建一个最简单的前端项目 (13:40)
第3章 学会webpack基础用法,一次搞懂webpack的构建流程
3-1 webpack 配置介绍 (04:10)
3-2 项目入口 – entry (14:04)
3-3 构建产物输出 – output (13:52)
3-4 各类资源处理-loader (22:22)
3-5 让 webpack 拥有更强大的功能-plugin (20:06)
3-6 构建模式-mode (09:57)
3-7 产物源码分析-sourcemap (17:07)
3-8 开发环境模式-devserver (23:35)
第4章 了解webpack打包原理,对构建的理解更上一层楼
4-1 webpack 打包文件分析 (36:19)
4-2 webpack 运行分析之启动流程 (27:39)
4-3 webpack 运行分析之 tapable (35:33)
4-4 webpack 运行分析之运行时-compiler (25:04)
4-5 loader 的执行过程 (14:24)
4-6 实操-如何实现一个 loader (17:18)
4-7 plugin 的执行过程 (15:32)
4-8 如何实现一个 plugin (22:45)
第5章 全方位掌握 webpack 高阶用法
5-1 使用autoprefixer兼容各个浏览器样式属性 (10:32)
5-2 实现移动端适配之rem及px自动转化rem (16:59)
5-3 如何正确的做Code Spliting (16:01)
5-4 公共静态资源处理 (11:30)
5-5 将资源内联到html中 (19:34)
5-6 如何实现多页面应用打包 (22:46)
5-7 tree-shaking的原理和应用 (19:48)
5-8 自动清理前一次构建产物 (05:16)
5-9 通过 webpack 构建去除代码中的调试日志 (05:40)
5-10 构建 SSR 应用-1 (12:47)
5-11 构建 SSR 应用-2 (12:33)
5-12 eslint 在 webpack 中如何配置 (10:07)
5-13 了解 module federation (11:49)
5-14 了解 module federation (23:21)
第6章 掌握webpack构建效率和产物优化的必杀技
6-1 优化准-对webpack构建速度做基本分析 (13:50)
6-2 构建速度优化-利用计算机多核优化构建 (10:37)
6-3 构建速度优化 -使用缓存提升二次构建速度 (21:40)
6-4 构建速度优化-另一种缓存方式-MF (04:01)
6-5 构建速度优化-使用外链提升构建速度 (06:55)
6-6 构建速度优化-使用更高版本的webpack和node (05:10)
6-7 构建速度优化-使用esbuild提升构建速度 (14:41)
6-8 构建速度优化-借用swc提升webpack构建速度 (06:48)
6-9 产物优化-构建产物体积分析 (11:12)
6-10 构建产物优化-通过代码压缩减小构建产物 (10:26)
6-11 构建产物优化-通过优化图片减少静态资源 (15:59)
6-12 构建产物优化-通过清除无用代码减小构建产物 (13:24)
6-13 产物优化-使用分包减少主bundle大小-1 (23:06)
6-14 产物优化-使用分包减少主bundle大小-2 (10:44)
6-15 构建产物优化-优化polyfill减少不必要的兼容代码 (08:55)
第7章 react+webpack实战(react版本的新闻应用)
7-1 项目基础准备 (19:32)
7-2 功能拆分和基础界面设置 (09:41)
7-3 服务端功能设计 (09:24)
7-4 实战开发-登录-1 (20:07)
7-5 实战开发-登录-2 (20:05)
7-6 实战开发-登录-3 (17:31)
7-7 实战开发-新闻列表-1 (15:01)
7-8 实战开发-新闻列表-2 (19:01)
7-9 实战开发-详情页 (16:04)
7-10 实战开发-详情页 (16:28)
7-11 浅谈前端性能优化 (16:32)
7-12 使用pwa优化当前应用 (20:56)
第8章 vue+webpack实战(vue版本的新闻应用)
8-1 项目基础准备-1 (13:07)
8-2 项目基础准备-2 (11:19)
8-3 功能拆分和页面设计 (24:28)
第9章 工程化能力
9-1 如何开发发布一个npm包 (16:43)
9-2 编写可扩展的 webpack 配置 (11:45)
9-3 编写可扩展的 webpack 配置 (13:11)
9-4 实现一个简单的脚手架 (23:34)
网盘截图:
![](https://www.92ydl.com/wp-content/uploads/2023/04/1682693180-237fab2fff234fb.png)
猜你喜欢
-
Android面试超级攻略,攻破技术疑难及面试痛点
2022-12-26 -
全面掌握MongoDB4.0 完成从小白到达人的蜕变
2022-11-26 -
Kubernetes实战:高可用集群搭建,配置,运维与应用
2022-11-24 -
专为程序员设计的高等数学课
2022-12-08 -
小白福音!零基础入门软件测试,首选必备课程
2022-11-24 -
深度实战玩转算法
2022-11-15 -
Next.js+React+Node系统实战,搞定SSR服务器渲染
2023-01-06 -
Python Flask 全流程全栈项目实战(18章) 完整版
2024-03-08 -
Web前端性能优化
2022-11-15 -
讲透机器学习概率统计,快速打造算法基础核心能力
2023-01-01
-
学习Scala进击大数据Spark生态圈
2022-11-20 -
ES6零基础教学 解析彩票项目
2022-11-13 -
Webpack5 入门与实战,前端开发必备技能|完结9章无密
2023-04-28 -
Python3.6+django+xadmin,打造在线教育平台
2022-11-12 -
SpringBoot+Vue3 项目实战,打造企业级在线办公系统
2022-12-24 -
理论+实战 构建完整JVM知识体系
2022-12-08 -
Vue3+Pinia+Vite+TS 还原高性能外卖APP项目|完整10章
2024-04-25 -
再学JavaScript ES(6-11)全版本语法大全
2022-12-12 -
高级Redis应用进阶课 一站式Redis解决方案
2022-12-15 -
React劲爆新特性Hooks 重构旅游电商网站火车票PWA
2022-11-28
猜你在找
常见问题FAQ
- 视频加密吗?
- 无密,本站视频全部为超清无密MP4格式
- 怎么发货?
- 课程没更新完怎么办?
- 有问题怎么解决?