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

冰点也疯狂

课程目录：
第一章：wepack与构建发展简史
. C1 t) K/ `9 R- s课程介绍
  X0 J* F/ _; I+ O内容综述
为什么需要构建工具？
7 a$ A. n3 a0 B  O) v前端构建演变之路
& r$ p, U: g5 L0 C8 E) {6 g为什么选择webpack ?
初识 webpack
: V0 {: R' {- q. `% e& Z环境搭建：安装webpack
7 a0 L& A4 e% ]6 N- x8 r& Ywebpack初体验：一个最简单的例子
通过 npm script 运行 webpack
' n3 p9 p, V% @' T
第二章：webpack基础用法
webpack核心概念之entry
webpack核心概念之output
webpack核心概念之loaders
webpack核心概念之plugins
webpack核心概念之mode
解析 ES6 和 React JSX
  M. |: ?' f" ]; [% k解析 CSS、Less 和 Sass
3 w' C* X0 G9 E* }, K解析图片和字体
/ t+ O% ?7 e5 e' b* q. Kwebpack中的文件监听
4 }6 V) c$ b3 d& B5 Vwebpack中的热更新及原理分析
文件指纹策路：chunkhash、contenthash 和 hash
# e/ n3 j2 }4 L/ K) I/ OHTML、CSS和JS代码压缩
7 w5 g7 I. `1 J* w
第三章：webpack进阶用法
自动清理构建目录产物
) a1 q' w3 x9 G; V% K( dPostCSS插件autoprefixer自动补齐CSS3前缀
移动端CSS px自动转换成rem
静态资源内联
多页面应用打包通用方案
使用 sourcemap
提取页面公共资源
Tree Shaking的使用和原理分析
, L) u5 y; E+ x$ G- Q. WScope Hoisting的使用和原理分析
  B  D$ d9 d9 Y# i# X代码分割和动态import
  N: C# V2 ]7 ~- Y9 Q- R在 webpack 中使用 ESLint
5 k! ]. {5 h; R. W8 W& Vwebpack实现SSR打包
Prerender■渲染骨架屏
webpack打包组件和基础库
优化构建时命令行的显示曰志
; [- ~1 ^+ ?2 I2 r' P构建异常和中断处理

9 ~: P6 _, O' m7 J% w: M