|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!9 y3 R, N& H6 A! t
课程目录:/ V$ a1 q+ Z; b! Q4 Z( C; \
01.课程介绍
c0 M; K9 a# T* M. |02.webpack简介9 F6 v+ l) X, |+ N
03.webpack五个核心概念
) r3 @9 e/ ]& p2 ~( s( r+ J, {$ {& ?04.webpack的初体验
" {8 E4 N3 |8 [7 Y& g05.打包样式资源, ^& A+ ]# h5 S7 G! Q- X- Y
06.打包html资源
6 C' G. o3 _: e/ f* R* k5 N! ]07.打包图片资源! r \4 [0 }: N \: R
08.打包其他资源* e& T- O6 c9 v6 N0 C. @5 ]8 s! W u
09.devServer
0 T3 c5 R, X( F6 d, r, G10.开发环境基本配置5 H% x( X4 i* }, q) y. y9 W
11.构建环境介绍
0 T1 f8 m% r; _* a6 p/ M12.提取css成单独文件
, `1 S5 Q% f8 X1 Q9 m3 u+ z: j13.css兼容性处理0 U% L9 B" n) x: D" ?
14.压缩css
* P0 |+ j" h5 \4 m; N; |. B& ]15.js语法检查eslint' L$ T0 X) [* o( }
16.js兼容性处理eslint
3 n3 M% E& c: r% v0 O+ g- n' P17.压缩html和js( z: m# J1 V) I$ t p2 k' q8 G
18.生产环境基本配置
" S4 ?: Z7 A: A, c& [* ~" \2 g+ p e19.性能优化介绍! v9 m1 ~6 Z5 A3 e- ]+ m2 d
20.HMR7 {8 \5 O1 w) W; p" X$ ~5 b7 a V
21.source-map
1 r3 y" d; Z% u2 p0 ?22.oneOf
) L6 z/ S/ L% _) ~- `23.缓存9 F5 L7 E' b' _" n9 L: c' g9 ?$ J; |
24.tree shaking
9 ?# v( _' m6 b3 H25.code split6 x1 P: [5 J3 X6 V" Y' |" V
26.懒加载和预加载
6 I! E8 H3 C- w. P0 w27.PWA
' E! \6 H/ [( V3 k' N! j28.多进程打包' x7 c' e7 z# ?& p4 A
29.externals
1 S$ P5 O3 I! G X5 |$ @0 k7 I" D30.dll
& l. t! h' ~' i6 Q- l/ F2 E31.性能优化总结9 |! ~$ r1 Z8 v0 j. [& ]
32.webpack配置详解介绍! W2 v- Z* B' O6 [
33.详细配置之entry
7 s& ~; |2 L1 f: y34.详细配置之output
0 S% `; J- m. H35.详细配置之module
' S4 S% ~4 k, z7 j% K6 p6 O8 v, V36.详细配置之resolve5 G$ d+ L; W K: ^. A
37.详细配置之devServer/ l" d$ t$ ~0 [1 q6 _5 P, ]$ ~
38.详细配置之optimization8 F! w+ Q! u# T
39.webpack5介绍和使用9 Z$ P$ G* t9 [; b0 W
40.总结webpack
. C. }0 k) a! }1 ~1 r
9 t7 m% w# F. B9 h. m4 A
|
|