极客时间 玩转 webpack 全方位掌握 webpack 核心技能和优化策略

课程介绍

快速掌握基础技能和进阶用法;
熟悉打包速度和体积
深入源代码了解打包构建原理;
编写健壮易维护的 配置。
整个课程基于最新版 4 设计,遵循由浅入深的原则,将内容分为 4 个阶段。

基础篇:从最基础的知识讲起,由浅入深,教你掌握 webpack 的核心概念和开发必备技巧。
进阶篇:带你编写 webpack 构建配置的同时,轻松掌握构建速度和体积的
原理篇:抽丝剥茧,通过 webpack源码,让你了解 webpack 内部的运行原理的同时,也具备编写自定义 loader 和插件的能力。
实战篇:从一个 项目出发,讲解 webpack 如何运用到实际的项目中,并且最大化地提升开发阶段和发布阶段的构建体验。

无论你是对 webpack 一无所知的初学者,还是经验丰富的前端工程师,都能够通过这个课程,提升对 webpack 的理解,建立属于你自己的 webpack 知识体系,并在工作中能够高效的使用 webpack,完成各类前端项目的打包构建工作。

讲师

 程柳锋,腾讯高级工程师,负责 IVWEB 团队的社区和工程化。同时,他还在空闲时间开发了「前端工作流和规范工具 」项目,获得了“腾讯 2018 年度十佳内部开源项目” 奖项。

在腾讯,他曾主导团队将 Fis3 构建切换到 webpack4,过程中涉及到 等多种构建场景,和多实例构建、并行压缩、公共资源分包、tree shaking、动态 Polyfill 等构建策略。

这些经历,使他对 webpack 构建的打包速度和体积优化有了非常丰富的实战经验,同时也对前端工作流和团队开发规范实施有了深刻的认识。

工欲善其事,必先利其器。跟着学,保证你对 webpack 的掌握可以超过 80% 的前端人,进入一个全新的前端技术栈。

你将获得

  1. 快速掌握基础技能和进阶用法;
  2. 熟悉打包速度和体积优化策略;
  3. 深入源代码了解打包构建原理;
  4. 编写健壮易维护的 webpack 配置。

课程目录:玩转webpack-/

├──01丨课程介绍.mp4 136.55M
├──02丨内容综述.mp4 30.04M
├──03丨为什么需要构建工具.mp4 37.15M
├──04丨前端构建演变之路.mp4 39.15M
├──05丨为什么选择webpack.mp4 37.09M
├──06丨初识webpack.mp4 41.18M
├──07丨环境搭建:安装webpack.mp4 65.61M
├──08丨webpack初体验:一个最简单的例子.mp4 89.89M
├──09丨通过npm script运行webpack.mp4 58.60M
├──10丨webpack核心概念之entry用法.mp4 39.30M
├──11丨webpack核心概念之output.mp4 54.51M
├──12丨webpack核心概念之loaders.mp4 49.96M
├──13丨webpack核心概念之plugins.mp4 35.05M
├──14丨webpack核心概念之mode.mp4 56.02M
├──15丨解析ES6和React JSX.mp4 118.51M
├──16丨解析CSS、Less和Sass.mp4 101.93M
├──17丨解析图片和字体.mp4 154.79M
├──18丨webpack中的文件监听.mp4 71.01M
├──19丨webpack中的热更新及原理分析.mp4 143.08M
├──20丨文件指纹策略:chunkhash、contenthash和hash.mp4 213.95M
├──21丨HTML 、CSS和JS代码压缩.mp4 192.98M
├──22丨自动清理构建目录产物.mp4 81.46M
├──23丨PostCSS插件autoprefixer自动补齐CSS3前缀.mp4 163.66M
├──24丨移动端CSS px自动转换成rem.mp4 180.76M
├──25丨静态资源内联.mp4 151.56M
├──26丨多页面应用打包通用方案.mp4 320.90M
├──27丨使用sourcemap.mp4 211.40M
├──28丨提取页面公共资源.mp4 395.05M
├──29丨treeshaking的使用和原理分析.mp4 216.33M
├──30丨ScopeHoisting使用和原理分析.mp4 353.34M
├──31丨代码分割和动态import.mp4 234.68M
├──32丨webpack和ESLint结合.mp4 382.57M
├──33丨webpack打包组件和基础库.mp4 402.55M
├──34丨webpack实现SSR打包(上).mp4 447.17M
├──35丨webpack实现SSR打包(下).mp4 253.39M
├──36丨优化构建时命令行的显示日志.mp4 243.12M
├──37丨构建异常和中断处理.mp4 92.92M
├──38丨构建配置包设计.mp4 117.41M
├──39丨功能模块设计和目录结构.mp4 288.69M
├──40丨使用ESLint规范构建脚本.mp4 206.20M
├──41丨冒烟测试介绍和实际运用.mp4 315.10M
├──42丨单元测试和测试覆盖率.mp4 214.35M
├──43丨持续集成和TravisCI.mp4 282.46M
├──44丨发布到npm.mp4 122.28M
├──45丨Git丨Commi规范和changelog生成.mp4 121.38M
├──46丨语义化版本(Semantic丨Versioning)规范格式.mp4 105.28M
├──47丨初级分析:使用webpack内置的stats.mp4 111.00M
├──48丨速度分析:使用speed-measure-webpack-plugin.mp4 139.26M
├──49丨体积分析:使用webpack-bundle-analyzer.mp4 186.72M
├──50丨使用高版本的webpack和Node.mp4 187.58M
├──51丨多进程多实例构建.mp4 294.28M
├──52丨多进程多实例并行压缩.mp4 176.75M
├──53丨进一步分包:预编译资源模块.mp4 357.57M
├──54丨充分利用缓存提升二次构建速度.mp4 333.74M
├──55丨缩小构建目标.mp4 173.33M
├──56丨使用webpack进行图片压缩.mp4 155.79M
├──57丨使用TreeShaking擦除无用的CSS.mp4 175.68M
├──58丨使用动态Polyfill服务.mp4 175.52M
├──59丨webpack启动过程分析.mp4 267.07M
├──60丨webpack-cli源码阅读.mp4 615.58M
├──61丨Tapable插件架构与Hooks设计.mp4 333.44M
├──62丨Tapable是如何和Webpack进行关联起来的?.mp4 249.38M
├──63丨webpack流程篇:准备阶段.mp4 463.49M
├──64丨webpack流程篇:模块构建和chunk生成阶段.mp4 271.79M
├──65丨webpack流程篇:文件生成.mp4 127.03M
├──66丨动手编写一个简易的webpack(上).mp4 103.60M
├──67丨动手编写一个简易的webpack(下).mp4 460.98M
├──68丨loader的链式调用与执行顺序.mp4 102.10M
├──69丨使用loader-runner高效进行loader的调试.mp4 154.82M
├──70丨更复杂的loader的开发场.avi 535.64M
├──71丨实战开发一个自动合成雪碧图的loader.mp4 193.34M
├──72丨插件基本结构介绍.mp4 113.80M
├──73丨更复杂的插件开发场景.mp4 131.29M
├──74丨实战开发一个压缩构建资源为zip包的插件.avi 395.38M
├──75丨商城技术栈选型和整体架构.mp4 74.55M
├──76丨商城界面UI设计与模块拆分.mp4 84.85M
├──77丨全家桶环境搭建.mp4 138.91M
├──78丨数据库实体和表结构设计.mp4 167.53M
├──79丨登录注册模块开发.mp4 136.71M
├──80丨商品模块开发.mp4 426.83M
├──81丨订单模块开发.mp4 351.54M
├──82丨谈谈web商城的性能优化策略.mp4 121.85M
├──83丨功能开发总结.mp4 54.51M
└──84丨结束语.avi 43.17M

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件、阿里云盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源