|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!5 {. D W" t% P5 c/ |- ?& S
课程目录:. ], E# w2 o/ H; [/ v
01.课程介绍: ~! z/ i' k. p- k/ k
02.webpack简介! a3 G: D1 H* k5 B+ |" c3 Q9 Z
03.webpack五个核心概念
. G: t1 H& K: k04.webpack的初体验 I% D0 b" t Q [" ~* _
05.打包样式资源/ i* ?& E2 V! `. I, p5 L0 s
06.打包html资源
: t1 V& M" Z5 H2 W9 K" @' i& b07.打包图片资源. M; C+ g( A" ~+ Q' j" E1 c
08.打包其他资源
2 H! u3 E0 r4 H* G I' R09.devServer
3 _% i0 H: X. ^2 Q10.开发环境基本配置
1 _9 C3 c4 b, ~# I' i/ z4 R y9 Q11.构建环境介绍: x9 M( @7 ]. d5 o% R
12.提取css成单独文件
. z% C2 v# o! U6 N, C( [13.css兼容性处理
0 R. o6 ^! I8 G1 o! D14.压缩css* \& U5 @% V7 f4 a
15.js语法检查eslint
: N8 D+ V. d5 t. h/ j16.js兼容性处理eslint2 m( z( }* _6 x
17.压缩html和js, i3 `" g$ O$ m+ b/ Y
18.生产环境基本配置, P3 B( u7 s- X: e$ d- y. L
19.性能优化介绍
2 @ s/ E! W- d8 i3 M1 ?, D20.HMR1 Z, Q: T/ e u6 W" w: ]& O
21.source-map2 V; j1 _. [ p+ j- H
22.oneOf' I; \- C$ c% i% s
23.缓存9 ], i0 p* A( |. e3 }
24.tree shaking
) J- Z8 F* G) r+ Y) s4 g+ I7 C* i25.code split2 R& o. k, v: B' \, ?
26.懒加载和预加载9 B7 p" {8 Y; Y
27.PWA. a$ H& L! B5 G* I
28.多进程打包+ g3 g3 U2 @: `" P
29.externals
5 K2 U4 j+ u+ r; l5 d( t! r% L; E; i& ^30.dll
) ~6 F, K% C. n' Y: @ j; Q+ Q31.性能优化总结
" o9 T5 b, k! v( j+ S7 f32.webpack配置详解介绍3 Y; X+ L; J! D1 A# U
33.详细配置之entry
. P$ E; o9 t L34.详细配置之output
* a& k7 m1 c, w- u. S# k$ v35.详细配置之module
7 V. s& G( L$ S) y36.详细配置之resolve8 ` O. z+ _9 n8 `2 B8 O
37.详细配置之devServer
4 u x- ~7 _9 g* O) M38.详细配置之optimization
2 h/ D# A4 B J; l39.webpack5介绍和使用
# r" T9 o U. V4 g40.总结webpack, _8 t. R' V$ y+ {1 q$ k& P+ i) S
: j7 `# |9 {0 @ N
|
|