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

冰点也疯狂

课程目录：
第一章：wepack与构建发展简史
课程介绍
内容综述
; n7 G% K. l( h6 _0 j, `为什么需要构建工具？
前端构建演变之路
+ E; X/ N# e3 n5 G* w3 V( c为什么选择webpack ?
# X" B2 K. @  Z, _, L. X7 e初识 webpack
5 z/ w3 l4 J  n4 X7 z1 E& C环境搭建：安装webpack
webpack初体验：一个最简单的例子
通过 npm script 运行 webpack
6 c, W8 Q1 g2 p! ^% M
第二章：webpack基础用法
4 z4 }2 v) b2 e5 m/ K, Vwebpack核心概念之entry
webpack核心概念之output
" B8 x+ N/ s. ^* O( y, \+ nwebpack核心概念之loaders
" T0 Q8 l6 c0 A, O3 `webpack核心概念之plugins
- Z% G% _. g- [5 R; f6 w! Y0 d# rwebpack核心概念之mode
解析 ES6 和 React JSX
+ Q) _1 \3 M1 k5 B解析 CSS、Less 和 Sass
8 y, L" Q6 X* d. [解析图片和字体
webpack中的文件监听
webpack中的热更新及原理分析
2 U: t+ A) o! P2 _文件指纹策路：chunkhash、contenthash 和 hash
5 h. l! u* `& MHTML、CSS和JS代码压缩

第三章：webpack进阶用法
0 a% y. R( n* F自动清理构建目录产物
9 S+ ~/ c! ]5 Y5 {- l. vPostCSS插件autoprefixer自动补齐CSS3前缀
移动端CSS px自动转换成rem
3 |4 T  y& Z6 @* @5 u4 K4 o. `静态资源内联
多页面应用打包通用方案
+ o/ @( k9 V; ]# ?# d) u- E! W" C# z使用 sourcemap
' L5 K8 K- k( ~, ]提取页面公共资源
Tree Shaking的使用和原理分析
Scope Hoisting的使用和原理分析
: y7 G. P/ \2 X3 [8 ]( F8 n代码分割和动态import
9 P: y9 [: R, Q  p- v2 U在 webpack 中使用 ESLint
0 z! d% P4 K0 h1 jwebpack实现SSR打包
1 }( K$ L3 S  ?1 ~4 `6 D* ?Prerender■渲染骨架屏
webpack打包组件和基础库
优化构建时命令行的显示曰志
4 a$ `& y7 [; b9 O7 ]构建异常和中断处理
8 {4 R4 z- w; y2 Y- e: S3 E/ k' X