全方位掌握 webpack 核心技能和优化策略
快速掌握基础技能和进阶用法;
熟悉打包速度和体积优化策略;
深入源代码了解打包构建原理;
编写健壮易维护的 webpack 配置。
整个课程基于最新版 webpack 4 设计,遵循由浅入深的原则,将内容分为 4 个阶段。
- 基础篇:从最基础的知识讲起,由浅入深,教你掌握 webpack 的核心概念和开发必备技巧。
- 进阶篇:带你编写 webpack 构建配置的同时,轻松掌握构建速度和体积的优化策略。
- 原理篇:抽丝剥茧,通过 webpack 源码,让你了解 webpack 内部的运行原理的同时,也具备编写自定义 loader 和插件的能力。
- 实战篇:从一个 Web 商城项目出发,讲解 webpack 如何运用到实际的项目中,并且最大化地提升开发阶段和发布阶段的构建体验。
无论你是对 webpack 一无所知的初学者,还是经验丰富的前端工程师,都能够通过这个课程,提升对 webpack 的理解,建立属于你自己的 webpack 知识体系,并在工作中能够高效的使用 webpack,完成各类前端项目的打包构建工作。
├──01丨课程介绍_.mp4 97.79M
| ├──02丨内容综述_.mp4 11.02M
| ├──03丨为什么需要构建工具_.mp4 7.93M
| ├──04丨前端构建演变之路_.mp4 10.42M
| ├──05丨为什么选择webpack_.mp4 10.84M
| ├──06丨初识webpack_.mp4 9.17M
| ├──07丨环境搭建:安装webpack_.mp4 13.93M
| ├──08丨webpack初体验:一个最简单的例子_.mp4 15.86M
| ├──09丨通过npm script运行webpack_.mp4 21.18M
| ├──10丨webpack核心概念之entry用法_.mp4 12.70M
| ├──11丨webpack核心概念之output_.mp4 10.51M
| ├──12丨webpack核心概念之loaders_.mp4 9.93M
| ├──13丨webpack核心概念之plugins_.mp4 10.48M
| ├──14丨webpack核心概念之mode_.mp4 13.40M
| ├──15丨解析ES6和React JSX_.mp4 22.34M
| ├──16丨解析CSS、Less和Sass_.mp4 19.98M
| ├──17丨解析图片和字体_.mp4 34.70M
| ├──18丨webpack中的文件监听_.mp4 24.89M
| ├──19丨webpack中的热更新及原理分析_.mp4 26.31M
| ├──20丨文件指纹策略:chunkhash、contenthash和hash_.mp4 38.64M
| ├──21丨HTML 、CSS和JS代码压缩_.mp4 42.11M
| ├──22丨自动清理构建目录产物_.mp4 34.61M
| ├──23丨PostCSS插件autoprefixer自动补齐CSS3前缀_.mp4 39.59M
| ├──24丨移动端CSS px自动转换成rem_.mp4 39.32M
| ├──25丨静态资源内联_.mp4 33.02M
| ├──26丨多页面应用打包通用方案_.mp4 70.02M
| ├──27丨使用sourcemap_.mp4 66.34M
| ├──28丨提取页面公共资源_.mp4 99.06M
| ├──29丨treeshaking的使用和原理分析_.mp4 42.64M
| ├──30丨ScopeHoisting使用和原理分析_.mp4 76.50M
| ├──31丨代码分割和动态import_.mp4 45.90M
| ├──32丨webpack和ESLint结合_.mp4 80.06M
| ├──33丨webpack打包组件和基础库_.mp4 81.68M
| ├──34丨webpack实现SSR打包(上)_.mp4 92.32M
| ├──35丨webpack实现SSR打包(下)_.mp4 62.49M
| ├──36丨优化构建时命令行的显示日志_.mp4 56.62M
| ├──37丨构建异常和中断处理_.mp4 24.74M
| ├──38丨构建配置包设计_.mp4 27.98M
| ├──39丨功能模块设计和目录结构_.mp4 65.74M
| ├──40丨使用ESLint规范构建脚本_.mp4 58.66M
| ├──41丨冒烟测试介绍和实际运用_.mp4 66.83M
| ├──42丨单元测试和测试覆盖率_.mp4 45.24M
| ├──43丨持续集成和TravisCI_.mp4 60.43M
| ├──44丨发布到npm_.mp4 28.08M
| ├──45丨Git丨Commi规范和changelog生成_.mp4 23.47M
| ├──46丨语义化版本(Semantic丨Versioning)规范格式_.mp4 23.14M
| ├──47丨初级分析:使用webpack内置的stats_.mp4 24.90M
| ├──48丨速度分析:使用speed-measure-webpack-plugin_.mp4 29.23M
| ├──49丨体积分析:使用webpack-bundle-analyzer_.mp4 33.64M
| ├──50丨使用高版本的webpack和Node_.mp4 33.53M
| ├──51丨多进程多实例构建_.mp4 59.50M
| ├──52丨多进程多实例并行压缩_.mp4 40.17M
| ├──53丨进一步分包:预编译资源模块_.mp4 71.68M
| ├──54丨充分利用缓存提升二次构建速度_.mp4 77.86M
| ├──55丨缩小构建目标_.mp4 38.79M
| ├──56丨使用webpack进行图片压缩_.mp4 31.81M
| ├──57丨使用TreeShaking擦除无用的CSS_.mp4 38.88M
| ├──58丨使用动态Polyfill服务_.mp4 32.16M
| ├──59丨webpack启动过程分析_.mp4 52.24M
| ├──60丨webpack-cli源码阅读_.mp4 117.99M
| ├──61丨Tapable插件架构与Hooks设计_.mp4 68.21M
| ├──62丨Tapable是如何和Webpack进行关联起来的?_.mp4 49.97M
| ├──63丨webpack流程篇:准备阶段_.mp4 96.59M
| ├──64丨webpack流程篇:模块构建和chunk生成阶段_.mp4 68.34M
| ├──65丨webpack流程篇:文件生成_.mp4 35.42M
| ├──66丨动手编写一个简易的webpack(上)_.mp4 22.04M
| ├──67丨动手编写一个简易的webpack(下)_.mp4 104.91M
| ├──68丨loader的链式调用与执行顺序_.mp4 26.70M
| ├──69丨使用loader-runner高效进行loader的调试_.mp4 36.84M
| ├──70丨更复杂的loader的开发场_.mp4 115.39M
| ├──71丨实战开发一个自动合成雪碧图的loader_.mp4 40.97M
| ├──72丨插件基本结构介绍_.mp4 26.28M
| ├──73丨更复杂的插件开发场景_.mp4 23.59M
| ├──74丨实战开发一个压缩构建资源为zip包的插件_.mp4 128.69M
| ├──75丨商城技术栈选型和整体架构_.mp4 17.84M
| ├──76丨商城界面UI设计与模块拆分_.mp4 19.85M
| ├──77丨全家桶环境搭建_.mp4 31.92M
| ├──78丨数据库实体和表结构设计_.mp4 34.93M
| ├──79丨功能开发总结_.mp4 16.46M
| └──80丨结束语_.mp4 34.43M
评论0