|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
b5 k, ?# L& a课程目录:
9 p1 o. T$ t3 v8 H1 P01.课程介绍- M+ y( m* W+ m2 U6 \
02.webpack简介% z) V7 |9 W4 P2 R8 ^
03.webpack五个核心概念8 J3 J, i; X3 D6 u$ s5 U3 j
04.webpack的初体验
8 b8 w6 p" q/ d2 a6 l4 f05.打包样式资源
& A5 j, i" k2 r) \06.打包html资源
- [; h b( D; S2 @6 U) Q5 L$ ~07.打包图片资源' E* ]5 ^* B' A; c
08.打包其他资源
3 M' r$ H* r' c$ R, m8 B0 _09.devServer) f" j1 N: F4 F2 T) T; b
10.开发环境基本配置
" j, t$ M* q# b, O- H+ k" H+ Y11.构建环境介绍
2 f7 q7 W# Y4 `# x8 |12.提取css成单独文件/ ^5 K, ^2 ]7 ~4 f) q0 M
13.css兼容性处理+ j+ e! x' a' |5 Y9 |
14.压缩css. ~5 ]1 R1 L: H( f
15.js语法检查eslint
* q5 {9 \9 _; u, {( r8 s16.js兼容性处理eslint
. n, [; [3 \6 t4 l. w( K2 P17.压缩html和js. W4 n; \, e- n; B C3 z9 Z7 W
18.生产环境基本配置2 E% P, |* s' ^
19.性能优化介绍( r/ M2 r& r/ w0 Y: Z
20.HMR, n. K9 N- e% h$ R( A- P/ M: ?
21.source-map' c4 [* W" t/ t0 B ~
22.oneOf$ h5 b' p# p/ S& f- R- v
23.缓存
- c/ @/ \: E5 f- H24.tree shaking
2 Q/ z. D0 U/ S25.code split
2 g S6 t1 C0 B S0 W- d26.懒加载和预加载
+ V' H' H) F7 d p' H% I2 N27.PWA
0 Z" V X0 I$ J0 i( F9 v5 |28.多进程打包5 Y$ l' s9 f( b2 j1 }% P' Z
29.externals
! H$ D. O% a# |. I+ G30.dll" ^" }; Q$ Z7 p+ z
31.性能优化总结$ n' d. ?0 ^! e2 x/ X
32.webpack配置详解介绍; W. |4 [! ~; Z9 S0 l
33.详细配置之entry
: R5 Q, Z. w' Z; z# U( e' _34.详细配置之output
: L* F: f6 w9 s+ R" z35.详细配置之module
0 q" m p6 p d+ P36.详细配置之resolve( ^2 E5 d" e6 K3 S4 n
37.详细配置之devServer
: m. n8 N: R+ R& D38.详细配置之optimization
5 k! z$ ?- ?) Q j2 h39.webpack5介绍和使用
9 q) R& j/ f/ @0 C0 k. H- R. }) q40.总结webpack2 L0 U D+ W/ I) G$ T
( P5 @3 F6 ~0 m+ Q
|
|