IT猿其他IT 2024-04-01

Webpack5入门与实战，前端开发必备技能|9章完结无秘

课程简介：

Webpack 作为一款可以提升开发效率、提高页面性能的工具，是前端开发者必备的技能。不过现实中还有很多前端同学对 Webpack的使用局限在调用阶段，对于其内部原理以及已有的配置不够了解，无法高效用好这个工具。本课程将通过一系列由浅入深的内容设计，帮助大家提升对 Webpack 的理解，并且能在实际业务中加以应用。

网盘截图：

更多实战点击：链接
更多体系课点击：链接

目录：

- 第1章课程简介
  - 视频：1-1 导学最近学习
  第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)
    
    本课程已完结

mksz Webpack5入门与实战，前端开发必备技能|无秘更新中第七章

免责声明： 1、本站信息来自网络，版权争议与本站无关 2、本站所有主题由该帖子作者发表，该帖子作者与本站享有帖子相关版权 3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和本站的同意 4、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责 5、用户所发布的一切软件的解密分析文章仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。 6、您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。 7、请支持正版软件、得到更好的正版服务。 8、如有侵权请立即告知本站（邮箱：204942507@qq.com），本站将及时予与删除 9、本站所发布的一切破解补丁、注册机和注册信息及软件的解密分析文章和视频仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如有侵权请邮件与我们联系处理。
小麻雀IT分享站 » Webpack5入门与实战，前端开发必备技能|9章完结无秘