|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!8 Q: d( o1 G q
课程目录:) y& T* O. X! K/ o3 |, i& c
01.课程介绍
9 c2 B" \( R' {) y7 r02.webpack简介2 p- B2 T! |' e8 L9 ^( V2 E( M/ U
03.webpack五个核心概念7 c2 U+ Z3 v) \3 e" t& B& B
04.webpack的初体验$ t/ n3 o" V$ S
05.打包样式资源' `$ V9 e! T+ m( Z, o' T* x1 o
06.打包html资源
# C# I% V( n2 }+ b$ k07.打包图片资源- W# U$ X" `! L! N
08.打包其他资源$ o- w. E. X1 {/ R
09.devServer
" D0 W* i) p/ g- f% ^8 I, ?10.开发环境基本配置
- Y% V# T/ l# C. [1 K: ~11.构建环境介绍
# h5 G# |5 J4 c2 V0 a+ ? L7 {8 X12.提取css成单独文件
1 m4 R/ j3 X9 `6 D13.css兼容性处理9 _3 p |' }6 u; s6 e! O
14.压缩css
. k, B3 F# \9 _7 P# [6 |& [7 ~15.js语法检查eslint
( I# J1 c" W4 B. b6 s& U16.js兼容性处理eslint
& H4 z. h _& i17.压缩html和js0 O% ?( R- {# p2 A) R
18.生产环境基本配置
' p5 f. ~- s3 d- y s19.性能优化介绍9 |% _. G) }+ c* `
20.HMR8 j! u9 }+ H* o0 P% m; b5 l
21.source-map
, {' j" Z# ~% C. Y22.oneOf( _& g& @* I8 x" W7 }
23.缓存
8 d" z1 [! k' F( X24.tree shaking
8 q4 a5 ]8 T% U0 R1 A25.code split
/ h2 Q: s$ K4 i: N26.懒加载和预加载& Z( O. X" a; t. {& f
27.PWA
6 _; w7 m+ S: d3 r9 U, C$ e& ]% ~9 O28.多进程打包
9 G; a& [. b( Z29.externals
& P% u. p# X4 T30.dll5 v/ W3 X8 I8 a" T
31.性能优化总结: y/ {. w4 [. s+ j
32.webpack配置详解介绍6 s0 Q' `8 d$ L! }9 `8 E( C; G
33.详细配置之entry# L! f0 H6 R7 }. E
34.详细配置之output
8 N% ~( i7 W" b0 V u7 O35.详细配置之module
9 x6 y1 h+ o5 _+ |( W- M36.详细配置之resolve& W* y2 s2 j9 l3 c
37.详细配置之devServer
1 |& k4 o4 W1 F9 ^38.详细配置之optimization6 X5 H& ~5 x9 h1 p
39.webpack5介绍和使用1 h5 N. j9 S$ m+ }8 ]5 m- S
40.总结webpack
' R$ Z; q) }$ Z- x2 H4 J
' G$ h& A: u- o+ i) t
|
|