玩转webpack4.0程柳锋-极客时间 全方位掌握 webpack 核心技能和优化策略

冰点也疯狂

课程目录：
" i( s! e- w3 f第一章：wepack与构建发展简史
课程介绍
4 w# k+ K5 Z1 `  f% L8 Q内容综述
& ~' U$ E. c# j/ x* y) r为什么需要构建工具？
前端构建演变之路
1 l4 Q, E5 s" C/ ], c8 S+ n为什么选择webpack ?
初识 webpack
- D8 f8 `: d% U) C. y& C5 r环境搭建：安装webpack
, \( N+ q* J' k( `: U7 o* `webpack初体验：一个最简单的例子
6 A8 `! m, M& H0 d通过 npm script 运行 webpack

第二章：webpack基础用法
webpack核心概念之entry
7 s# }1 q+ t( y% p, ~7 K& T4 Xwebpack核心概念之output
) {: b8 O9 x- [& owebpack核心概念之loaders
webpack核心概念之plugins
3 I- u- M6 J) O- Rwebpack核心概念之mode
+ |* H0 c1 o( R, N: L& m解析 ES6 和 React JSX
解析 CSS、Less 和 Sass
( `, I; ?0 C" l! {6 X6 G; A) w8 N+ f3 u6 d解析图片和字体
- E+ |+ y" b, j+ M% l* B3 Pwebpack中的文件监听
webpack中的热更新及原理分析
# S8 x/ p! i8 C) h7 b6 ]文件指纹策路：chunkhash、contenthash 和 hash
HTML、CSS和JS代码压缩
0 c  k8 [6 \9 D0 W, L
第三章：webpack进阶用法
' B6 e8 K( r8 M2 U4 f3 ~自动清理构建目录产物
PostCSS插件autoprefixer自动补齐CSS3前缀
- t5 m! f, d* s  ?! w  l移动端CSS px自动转换成rem
静态资源内联
# w  M( }* D# l7 J' b* f+ t& l多页面应用打包通用方案
使用 sourcemap
1 X3 _6 i" Z3 r  c5 e/ [提取页面公共资源
. z1 _! b6 T# A  }Tree Shaking的使用和原理分析
Scope Hoisting的使用和原理分析
$ W/ I. s; A2 S2 t代码分割和动态import
% K0 X! N0 R1 ^$ h* l! C0 x- R在 webpack 中使用 ESLint
2 B# A- D4 U+ C. ~+ Cwebpack实现SSR打包
Prerender■渲染骨架屏
9 d5 j8 m0 v- Y- ]* q& Z: Hwebpack打包组件和基础库
9 O( e& V+ R7 n4 C优化构建时命令行的显示曰志
构建异常和中断处理