玩转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丨解析ES6和React JSX

16丨解析CSS、Less和Sass

17丨解析图片和字体

18丨webpack中的文件监听

19丨webpack中的热更新及原理分析

20丨文件指纹策略：chunkhash、contenthash和hash

21丨HTML 、CSS和JS代码压缩

22丨自动清理构建目录产物

23丨PostCSS插件autoprefixer自动补齐CSS3前缀

24丨移动端CSS px自动转换成rem

25丨静态资源内联

26丨多页面应用打包通用方案

27丨使用sourcemap

28丨提取页面公共资源

29丨treeshaking的使用和原理分析

30丨ScopeHoisting使用和原理分析

31丨代码分割和动态import

32丨webpack和ESLint结合

33丨webpack打包组件和基础库

34丨webpack实现SSR打包（上）

35丨webpack实现SSR打包（下）

36丨优化构建时命令行的显示日志

37丨构建异常和中断处理

38丨构建配置包设计

39丨功能模块设计和目录结构

40丨使用ESLint规范构建脚本

41丨冒烟测试介绍和实际运用

42丨单元测试和测试覆盖率

43丨持续集成和TravisCI

44丨发布到npm

45丨Git丨Commi规范和changelog生成

46丨语义化版本（Semantic丨Versioning）规范格式

47丨初级分析：使用webpack内置的stats

48丨速度分析：使用speed-measure-webpack-plugin

49丨体积分析：使用webpack-bundle-analyzer

50丨使用高版本的webpack和Node

51丨多进程多实例构建

52丨多进程多实例并行压缩

53丨进一步分包：预编译资源模块

54丨充分利用缓存提升二次构建速度

55丨缩小构建目标

56丨使用webpack进行图片压缩

57丨使用TreeShaking擦除无用的CSS

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丨全家桶环境搭建

78丨数据库实体和表结构设计

79丨登录注册模块开发

80丨商品模块开发

81丨订单模块开发

82丨谈谈web商城的性能优化策略

83丨功能开发总结

84丨结束语