极客时间出品的视频课《玩转webpack》作者程柳锋,新客首单到手价68元,现免费分享。
课程介绍
在前端开发的浪潮中,webpack已经从一个简单的模块打包工具,演变为了前端工程师手中的瑞士军刀。其灵活的配置、丰富的插件和强大的社区支持,让webpack成为了前端构建领域的明星工具。然而,许多开发者在使用webpack时,仍然停留在表面的命令执行阶段,对其内部的运作机制和高级特性了解甚少。这就导致了在实际项目中,面对复杂的需求和问题时,往往无法有效地利用webpack来解决问题。
为了帮助开发者们深入理解webpack,提升其在项目中的实际应用能力,我们特别设计了这套webpack课程。课程从基础概念入手,逐步深入到webpack的构建配置、优化策略、内部原理,以及实战应用。每一个阶段都紧密结合webpack的最新版本,通过实例和源码分析,帮助学员建立起完整的webpack知识体系。同时,课程还强调实战应用,通过一个真实的Web商城项目,展示webpack如何在实际项目中发挥作用,提升开发效率和构建体验。
无论你是初入前端的新手,还是经验丰富的工程师,这套课程都将是你提升webpack理解与应用能力的绝佳选择。通过系统的学习与实践,你将能够熟练掌握webpack的核心技术,灵活应对各类前端项目的构建需求。让webpack真正成为你工作中的得力助手,助力你在前端开发的道路上更上一层楼。
课程目录
├── 03丨为什么需要构建工具.mp4
├── 04丨前端构建演变之路.mp4
├── 05丨为什么选择webpack.mp4
├── 06丨初识webpack.mp4
├── 07丨环境搭建:安装webpack.mp4
├── 08丨webpack初体验:一个最简单的例子.mp4
├── 09丨通过npm script运行webpack.mp4
├── 10丨webpack核心概念之entry用法.mp4
├── 11丨webpack核心概念之output.mp4
├── 12丨webpack核心概念之loaders.mp4
├── 13丨webpack核心概念之plugins.mp4
├── 14丨webpack核心概念之mode.mp4
├── 15丨解析ES6和React JSX.mp4
├── 16丨解析CSS、Less和Sass.mp4
├── 17丨解析图片和字体.mp4
├── 18丨webpack中的文件监听.mp4
├── 19丨webpack中的热更新及原理分析.mp4
├── 20丨文件指纹策略:chunkhash、contenthash和hash.mp4
├── 21丨HTML 、CSS和JS代码压缩.mp4
├── 22丨自动清理构建目录产物.mp4
├── 23丨PostCSS插件autoprefixer自动补齐CSS3前缀.mp4
├── 24丨移动端CSS px自动转换成rem.mp4
├── 25丨静态资源内联.mp4
├── 26丨多页面应用打包通用方案.mp4
├── 27丨使用sourcemap.mp4
├── 28丨提取页面公共资源.mp4
├── 29丨treeshaking的使用和原理分析.mp4
├── 30丨ScopeHoisting使用和原理分析.mp4
├── 31丨代码分割和动态import.mp4
├── 32丨webpack和ESLint结合.mp4
├── 33丨webpack打包组件和基础库.mp4
├── 34丨webpack实现SSR打包(上).mp4
├── 35丨webpack实现SSR打包(下).mp4
├── 36丨优化构建时命令行的显示日志.mp4
├── 37丨构建异常和中断处理.mp4
├── 38丨构建配置包设计.mp4
├── 39丨功能模块设计和目录结构.mp4
├── 40丨使用ESLint规范构建脚本.mp4
├── 41丨冒烟测试介绍和实际运用.mp4
├── 42丨单元测试和测试覆盖率.mp4
├── 43丨持续集成和TravisCI.mp4
├── 44丨发布到npm.mp4
├── 45丨Git丨Commi规范和changelog生成.mp4
├── 46丨语义化版本(Semantic丨Versioning)规范格式.mp4
├── 47丨初级分析:使用webpack内置的stats.mp4
├── 48丨速度分析:使用speed-measure-webpack-plugin.mp4
├── 49丨体积分析:使用webpack-bundle-analyzer.mp4
├── 50丨使用高版本的webpack和Node.mp4
├── 51丨多进程多实例构建.mp4
├── 52丨多进程多实例并行压缩.mp4
├── 53丨进一步分包:预编译资源模块.mp4
├── 54丨充分利用缓存提升二次构建速度.mp4
├── 55丨缩小构建目标.mp4
├── 56丨使用webpack进行图片压缩.mp4
├── 57丨使用TreeShaking擦除无用的CSS.mp4
├── 58丨使用动态Polyfill服务.mp4
├── 59丨webpack启动过程分析.mp4
├── 60丨webpack-cli源码阅读.mp4
├── 61丨Tapable插件架构与Hooks设计.mp4
├── 62丨Tapable是如何和Webpack进行关联起来的?.mp4
├── 63丨webpack流程篇:准备阶段.mp4
├── 64丨webpack流程篇:模块构建和chunk生成阶段.mp4
├── 65丨webpack流程篇:文件生成.mp4
├── 66丨动手编写一个简易的webpack(上).mp4
├── 67丨动手编写一个简易的webpack(下).mp4
├── 68丨loader的链式调用与执行顺序.mp4
├── 69丨使用loader-runner高效进行loader的调试.mp4
├── 70丨更复杂的loader的开发场.avi
├── 71丨实战开发一个自动合成雪碧图的loader.mp4
├── 72丨插件基本结构介绍.mp4
├── 73丨更复杂的插件开发场景.mp4
├── 74丨实战开发一个压缩构建资源为zip包的插件.avi
├── 75丨商城技术栈选型和整体架构.mp4
├── 76丨商城界面UI设计与模块拆分.mp4
├── 77丨全家桶环境搭建.mp4
├── 78丨数据库实体和表结构设计.mp4
├── 79丨登录注册模块开发.mp4
├── 80丨商品模块开发.mp4
├── 81丨订单模块开发.mp4
├── 82丨谈谈web商城的性能优化策略.mp4
├── 83丨功能开发总结.mp4
└── 84丨结束语.avi
1 directory, 84 files
以上就是极客时间程柳锋老师的视频课《玩转webpack》的详细介绍了。
本文由提供IT教程网提供,仅供学习交流使用,未经许可,禁止转载!
原课程地址:https://time.geekbang.org/course/intro/100028901,有能力的朋友请支持正版,谢谢!
评论(0)