玩转webpack视频课程

玩转webpack视频课程,该套课程共8大章节,每个章节下又有多节课程,共80节课,另外此课程还附带源码课件。

玩转webpack视频课程

目录

01:课程介绍
02:内容综述
03:为什么需要构建工具
04:前端构建演变之路
05:为什么选择webpack
06:初识webpack
07:环境搭建:安装webpack
08:webpack初体验:一个最简单的例子
09:通过npm script运行webpack
10:webpack核心概念之entry
11:webpack核心概念之output
12:webpack核心概念之loaders
13:webpack核心概念之plugins
14:webpack核心概念之mode
15:解析ECMASCript 6和React JSX
16:解析CSS、Less和Sass
17:解析图片和字体
18:webpack中的文件监听
19:webpack中的热更新及原理分析
20:文件指纹策略:chunkhash、contenthash和hash
21:HTML 、CSS和JavaScript代码压缩
22:自动清理构建目录产物
23:PostCSS插件autoprefixer自动补齐CSS3前缀
24:移动端CSS px自动转换成rem
25:静态资源内联
26:多页面应用打包通用方案
27:使用sourcemap
28:提取页面公共资源
29:Tree Shaking的使用和原理分析
30:Scope Hoisting使用和原理分析
31:代码分割和动态import
32:在webpack中使用ESLint
33:webpack打包组件和基础库
34:webpack实现SSR打包(上)
35:webpack实现SSR打包(下)
36:优化构建时命令行的显示日志
37:构建异常和中断处理
38:构建配置包设计
39:功能模块设计和目录结构
40:使用ESLint规范构建脚本
41:冒烟测试介绍和实际运用
42:单元测试和测试覆盖率
43:持续集成和Travis CI
44:发布构建包到npm社区
45:Git Commit规范和changelog生成
46:语义化版本(Semantic Versioning)规范格式
47:初级分析:使用webpack内置的stats
48:速度分析:使用speed-measure-webpack-plugin
49:体积分析:使用webpack-bundle-analyzer
50:使用高版本的webpack和Node.js
51:多进程/多实例构建
52:多进程并行压缩代码
53:进一步分包:预编译资源模块
54:充分利用缓存提升二次构建速度
55:缩小构建目标
56:使用Tree Shaking擦除无用的JavaScript和CSS
57:使用webpack进行图片压缩
58:使用动态Polyfill服务
59:webpack启动过程分析
60:webpack-cli源码阅读
61:Tapable插件架构与Hooks设计
62:Tapable是如何和webpack进行关联起来的?
63:webpack流程篇:准备阶段
64:webpack流程篇:模块构建和chunk生成阶段
65:webpack流程篇:文件生成
66:动手编写一个简易的webpack(上)
67:动手编写一个简易的webpack(下)
68:loader的链式调用与执行顺序
69:使用loader-runner高效进行loader的调试
70:更复杂的loader的开发场
71:实战开发一个自动合成雪碧图的loader
72:插件基本结构介绍
73:更复杂的插件开发场景
74:实战开发一个压缩构建资源为zip包的插件
75:商城技术栈选型和整体架构
76:商城界面UI设计与模块拆分
77:React全家桶环境搭建
78:数据库实体和表结构设计
79:登录注册模块开发
80:商品模块开发
81:订单模块开发
82:谈谈Web商城的性能优化策略
83:功能开发总结
84:结束语

传送门

给TA打赏
共{{data.count}}人
人已打赏
个人中心
今日签到
有新私信 私信列表
搜索