2米资源网

VIP
极客时间-玩转webpack

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

  • 本站均为资源介绍,仅限用于学习和研究,不得将上述内容用于商业或者非法用途,
  • 否则一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑中彻底删除
  • 如果喜欢该资源请支持正版。如发现本站有侵权违法内容,请联系后查实将立刻删除。
  • 资源简介:极客时间-玩转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
    2米资源网