|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
+ W& e3 ? @/ w课程目录:/ h) V& P& |3 p- N# M. ?: E8 L0 m
01.课程介绍; L; j- x- [5 u# n
02.webpack简介4 b: q" y; H2 Y0 ^1 D, H7 P
03.webpack五个核心概念
6 Q4 x* o( w |2 U6 L( {04.webpack的初体验
8 j0 b9 L) E' i: D9 v1 A4 S05.打包样式资源
" m) ^" j0 A$ Q: l06.打包html资源2 `0 T1 b2 k' }) _2 \2 c
07.打包图片资源
d- i; i0 x2 X& a: T4 n3 G9 G08.打包其他资源
. w4 h+ P' V6 U- P! ]5 l' X09.devServer+ {! v7 b. F) J6 L+ R$ o
10.开发环境基本配置3 L2 P( x, ~0 j w( @" @
11.构建环境介绍7 J/ z. |/ i' L; ^; y$ U* J1 z$ W
12.提取css成单独文件' [# c5 C4 s+ [" X$ u8 U& c
13.css兼容性处理
+ x* a, y+ b* M# S* H14.压缩css( {# T1 F! V! p8 H
15.js语法检查eslint
% B3 ?, i. i8 c2 l6 q16.js兼容性处理eslint
1 q7 d: q7 W8 w( ?; j. y17.压缩html和js' }8 r$ q, _5 o: {4 d
18.生产环境基本配置
2 ] e1 c( u3 K: U0 d19.性能优化介绍7 v* R( o! A0 x9 k0 |* W3 I
20.HMR* ]9 Y/ S4 H, Q' d! U+ _
21.source-map
E3 |' ?( M4 \22.oneOf
& u! @% x5 M* \ {8 k- ?1 q2 i23.缓存
8 p2 t/ W* D( G0 p. F24.tree shaking, x+ h7 |& Z5 L; f! A( g: u$ }
25.code split
% h0 E: X i5 g T( M' \# U26.懒加载和预加载
8 P; r% ~" @' b$ o! N0 R ^27.PWA
, F3 `' |( s' _9 x28.多进程打包& X( _, l' ?% T& {3 X
29.externals t9 K6 j6 ^/ ]
30.dll0 B2 W }& J8 t# h. G! `% q' ]
31.性能优化总结
' v+ c2 R* e i1 l" @, F+ Z" ^32.webpack配置详解介绍+ q4 w2 E( f/ |1 f$ D) @
33.详细配置之entry" ^. b" t7 h5 b9 j
34.详细配置之output/ N) d( S1 j$ |
35.详细配置之module
5 c; P8 V) j4 l7 t36.详细配置之resolve/ X2 W; j( ]' j0 A, l. Y
37.详细配置之devServer9 f- v# o9 @% }" ~
38.详细配置之optimization! G9 s; v9 ?8 }6 `! a3 i$ H
39.webpack5介绍和使用+ z \. C% `7 b, `6 n
40.总结webpack
' B$ W1 T/ F8 m1 v$ v% V
& J/ q. @1 l6 a0 A( B: a
|
|