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

冰点也疯狂

课程目录：
第一章：wepack与构建发展简史
课程介绍
内容综述
为什么需要构建工具？
& e! ~) L; r7 E( l" z, O前端构建演变之路
为什么选择webpack ?
5 P( e! s$ _* w9 h+ q: p1 N初识 webpack
) A3 ?# y! m8 G5 r环境搭建：安装webpack
webpack初体验：一个最简单的例子
+ B( m' o! p5 ?, i2 h1 q通过 npm script 运行 webpack
( g7 Q9 J- ?* B
7 }# E. p& M5 z- E, m第二章：webpack基础用法
2 b+ d8 H" e5 s2 Q; b5 bwebpack核心概念之entry
webpack核心概念之output
/ P" L& N1 z7 p/ zwebpack核心概念之loaders
1 Q, e% x  Y4 owebpack核心概念之plugins
webpack核心概念之mode
解析 ES6 和 React JSX
- O/ `. z5 r  `3 h- }! [解析 CSS、Less 和 Sass
解析图片和字体
2 g- }4 Y5 Z) X, K, S6 H" jwebpack中的文件监听
webpack中的热更新及原理分析
( P# c- H0 {/ U) v8 k, e9 u4 e0 }文件指纹策路：chunkhash、contenthash 和 hash
HTML、CSS和JS代码压缩

第三章：webpack进阶用法
自动清理构建目录产物
PostCSS插件autoprefixer自动补齐CSS3前缀
, G3 _$ ^( O  C# N. n/ f移动端CSS px自动转换成rem
静态资源内联
  q4 B. a- Y2 F  p& E  o  N9 j: n多页面应用打包通用方案
6 ?. o# Q* O, j6 l: N3 `7 l使用 sourcemap
提取页面公共资源
Tree Shaking的使用和原理分析
- P' |" p4 K6 i( D: U! oScope Hoisting的使用和原理分析
( w$ g, a8 I: z1 U% C5 m代码分割和动态import
- t5 W$ }6 `& v" S( L  R在 webpack 中使用 ESLint
webpack实现SSR打包
* R, O, B' r1 [: N$ Z" bPrerender■渲染骨架屏
webpack打包组件和基础库
& q( |: _0 c% V2 @8 o优化构建时命令行的显示曰志
构建异常和中断处理

. \+ N( ]- o5 \! g( Z