【6491】-极客时间-玩转webpack

极客时间-玩转webpack


课程介绍:

第一章: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
加QQ群共同学习共同进步
加QQ群共同学习共同进步
返回列表