全方位掌握 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