24x资源网

课程介绍：

第一章：wepack与构建发展简史

1. 课程介绍
2. 内容综述
3. 为什么需要构建工具？
4. 前端构建演变之路
5. 为什么选择webpack ?
6. 初识 webpack
7. 环境搭建：安装webpack
8. webpack初体验：一个最简单的例子
9. 通过 npm script 运行 webpack

第二章：webpack基础用法

1. webpack核心概念之entry
2.  webpack核心概念之output
3.  webpack核心概念之loaders
4.  webpack核心概念之plugins
5.  webpack核心概念之mode
6.  解析 ES6 和 React JSX
7. 解析 CSS、Less 和 Sass
8. 解析图片和字体
9.  webpack中的文件监听
10.  webpack中的热更新及原理分析
11. 文件指纹策路^：chunkhash、contenthash 和 hash
12.  HTML、CSS和JS代码压缩

第三章：webpack进阶用法

1. 自动清理构建目录产物
2. PostCSS插件autoprefixer自动补齐CSS3前缀
3. 移动端CSS px自动转换成rem
4. 静态资源内联
5. 多页面应用打包通用方案
6. 使用 sourcemap
7. 提取页面公共资源
8.  Tree Shaking的使用和原理分析
9.  Scope Hoisting的使用和原理分析
10. 代码分割和动态import
11. 在 webpack 中使用 ESLint
12. webpack实现SSR打包
13. Prerender■渲染骨架屏
14. webpack打包组件和基础库
15. 优化构建时命令行的显示曰志
16. 构建异常和中断处理

第四章：编写可维护的webpack构建配置

1. 构建配置包设计
2. 功能模坱设计和目录结构
3. 使用ESLint规范构建脚本
4. 冒烟测试介绍和实际运用
5. 单元测试和测试覆盖率
6. 持续集成和Travis CI
7. 发布构建包到npm社区
8.  Git Commit 规范和 changelog 生成
9. 语义化版本（Semantic Versioning)规范格式

第五章：webpack构建速度和体积优化策略

1. 如何分析页面打包问题？
2. 初级分析：使用webpack内置的stats
3. 速度分析：使用 speed-measure-webpack-plugin
4. 体积分析：使用 webpack-bundle-analyzer
5. 使用高版本的webpack和Node.js
6. 多进程/多实例枸建
7. 多进程并行压缩代码
8. 使用exterals分离基础包
9. 进一步分包：预编译资源模块 充分利用缓存提升二次构建速度
10. 缩小构建目标
11.  使用 Scope Hoisting
12. 使用Tree Shaking擦除无用的JS和CSS
13. 使用webpack进行图片压缩
14. 使用动态Polyfill服务

第六章：通过源码掌握webpack打包原理

1. webpack的本质与Tapable介绍
2.  Tapable中的Sync*类型的钩子
3.  Tapable中的async*类型的钩子
4.  webpack中的事件流
5.  compile 和 compilation 对象介绍
6.  webpack的入口文件
7.  webpack参数传递与编译启动
8. 编译与构建主流程
9. 生成最终assets
10. 通过emit输出构建资源到path
11. 动手编写一个简易的webpack

第七章：编写loader和插件

1. loader的执行顺序
2.  loader匹配文件的可选方式
3. 写一个自动合成雪碧图的loader
4.  webpack Plugin AP丨介绍
5.  compiler对象介绍
6.  compilation对象介绍
7. 写一个压缩构建资源为zip包的插件

第八章：React全家桶和webpack开发商城项目

1. 商城技术栈选型和整体架构
2. 商城界面ui设计与模块拆分
3.  React全家桶环境搭建
4. 编写服务端API
5. 登录注册页模坱开发
6. 商城列表页模坱开发
7. 商城详情页模坱开发
8. 商城订单页模坱开发
9.  webpack在开发和生产钚境打包

极客时间-玩转webpack
百度网盘分享地址： 链接: https://pan.baidu.com/s/1K6w6PnMSGhF-_ETaBM8SLw 提取码: lec2