获取资料

Webpack5 入门与实战,前端开发必备技能「完结无密」

课程介绍

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

适合人群

有一定的前端项目开发经验

系统掌握 Webpack5,前端开发者的必备技能之一,从此打包配置有章法、更高效

Webpack5 入门与实战,前端开发必备技能「完结无密」

Webpack5 知识点全面讲解,不用再东拼西凑找答案,从基础使用到高阶运用再到原理解析,点、面结合学得更清晰

Webpack5 入门与实战,前端开发必备技能「完结无密」

掌握多种实际优化手段,做项目更加得心应手

Webpack5 入门与实战,前端开发必备技能「完结无密」

课程目录

第1章 课程简介/

[ 47M] 1-1 导学.mp4

第2章 走进前端构建/

[ 12M] 2-1 为什么学习这门课程.mp4

[ 24M] 2-2 了解前端构建的重要性.mp4

[ 13M] 2-3 webpack的出现带来的变局.mp4

[ 76M] 2-4 前端构建初体验- webpack 及相关工具安装.mp4

[115M] 2-5 webpack初体验-构建一个最简单的前端项目.mp4

第3章 学会webpack基础用法,一次搞懂webpack的构建流程/

[ 39M] 3-1 webpack 配置介绍.mp4

[186M] 3-2 项目入口 – entry.mp4

[140M] 3-3 构建产物输出 – output.mp4

[238M] 3-4 各类资源处理-loader.mp4

[218M] 3-5 让 webpack 拥有更强大的功能-plugin.mp4

[ 91M] 3-6 构建模式-mode.mp4

[170M] 3-7 产物源码分析-sourcemap.mp4

[283M] 3-8 开发环境模式-devserver.mp4

第4章了解webpack打包原理,对构建的理解更上一层楼/

[184M] 4-1webpack打包文件分析.mp4

[134M] 4-2webpack运行分析之启动流程.mp4

[217M] 4-3webpack运行分析之tapable.mp4

[129M] 4-4webpack运行分析之运行时-compiler.mp4

[110M] 4-5loader的执行过程.mp4

[ 91M] 4-6实操-如何实现一个loader.mp4

[ 89M] 4-7plugin的执行过程.mp4

[135M] 4-8如何实现一个plugin.mp4

第5章全方位掌握webpack高阶用法/

[ 98M] 5-10构建SSR应用-1.mp4

[ 80M] 5-11构建SSR应用-2.mp4

[ 68M] 5-12eslint在webpack中如何配置.mp4

[ 55M] 5-13了解modulefederation.mp4

[150M] 5-14了解modulefederation.mp4

[ 68M] 5-1使用autoprefixer兼容各个浏览器样式属性.mp4

[155M] 5-2 实现移动端适配之rem及px自动转化rem.mp4

[ 87M] 5-3如何正确的做CodeSpliting.mp4

5-2 实现移动端适配之rem及px自动转化rem.mp4

[ 85M] 5-4公共静态资源处理.mp4

[132M] 5-5将资源内联到html中.mp4

[136M] 5-6如何实现多页面应用打包.mp4

[118M] 5-7tree-shaking的原理和应用.mp4

[ 35M] 5-8自动清理前一次构建产物[更多it资源 www.ukoou.com].mp4

[ 43M] 5-9通过webpack构建去除代码中的调试日志.mp4

第6章掌握webpack构建效率和产物优化的必杀技iclass=/

[ 81M] 6-1优化准-对webpack构建速度做基本分析.mp4

[ 65M] 6-2构建速度优化-利用计算机多核优化构建.mp4

[124M] 6-3构建速度优化-使用缓存提升二次构建速度.mp4

[ 24M] 6-4构建速度优化-另一种缓存方式-MF.mp4

[ 46M] 6-5构建速度优化-使用外链提升构建速度.mp4

第6章掌握webpack构建效率和产物优化的必杀技/

[125M] 6-10构建产物优化-通过代码压缩减小构建产物.mp4

[134M] 6-11构建产物优化-通过优化图片减少静态资源.mp4

[ 98M] 6-12构建产物优化-通过清除无用代码减小构建产物.mp4

[197M] 6-13产物优化-使用分包减少主bundle大小-1.mp4

[103M] 6-14产物优化-使用分包减少主bundle大小-2.mp4

[ 68M] 6-15构建产物优化-优化polyfill减少不必要的兼容代码.mp4

[137M] 6-1优化准-对webpack构建速度做基本分析.mp4

[ 90M] 6-2构建速度优化-利用计算机多核优化构建.mp4

[187M] 6-3构建速度优化-使用缓存提升二次构建速度.mp4

[ 26M] 6-4构建速度优化-另一种缓存方式-MF.mp4

[ 59M] 6-5构建速度优化-使用外链提升构建速度.mp4

[ 19M] 6-6构建速度优化-使用更高版本的webpack和node.mp4

[142M] 6-7构建速度优化-使用esbuild提升构建速度.mp4

[ 56M] 6-8构建速度优化-借用swc提升webpack构建速度.mp4

[110M] 6-9产物优化-构建产物体积分析.mp4

第7章react+webpack实战(react版本的新闻应用)/

@更多it资源 www.ukoou.com

[216M] 7-10实战开发-详情页.mp4

[ 76M] 7-11浅谈前端性能优化.mp4

[166M] 7-12使用pwa优化当前应用.mp4

[156M] 7-1项目基础准备.mp4

[ 64M] 7-2功能拆分和基础界面设置.mp4

[ 43M] 7-3服务端功能设计.mp4

[168M] 7-4实战开发-登录-1.mp4

[161M] 7-5实战开发-登录-2.mp4

7-6 实战开发-登录-3.mp4

[139M] 7-7实战开发-新闻列表-1.mp4

[179M] 7-8实战开发-新闻列表-2.mp4

[159M] 7-9 实战开发-详情页.mp4

第8章 vue+webpack实战(vue版本的新闻应用)/

[110M] 8-1 项目基础准备-1.mp4

[109M] 8-2 项目基础准备-2.mp4

[296M] 8-3 功能拆分和页面设计.mp4

第9章 工程化能力/

[142M] 9-1 如何开发发布一个npm包.mp4

[120M] 9-2 编写可扩展的 webpack 配置.mp4

[191M] 9-3 编写可扩展的 webpack 配置.mp4

[200M] 9-4 实现一个简单的脚手架.mp4

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址