|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!. Z, H' } p/ h3 e* G
课程目录:3 m7 H" I8 h0 k |; N$ ^
01.课程介绍
9 C5 ` q+ ~* m5 t02.webpack简介& ]5 _. y/ L5 p1 N
03.webpack五个核心概念& o$ T! u3 W; o$ ]
04.webpack的初体验
( X& ~+ {! M" B# R% a+ N05.打包样式资源: O# i8 t( n% M, u8 w0 ~
06.打包html资源6 [( `, ^, g K7 H! A
07.打包图片资源4 M, S5 L# C" A+ e# l. C2 H
08.打包其他资源
% b/ o+ `& f% y$ }9 r4 D# e09.devServer
" J }& g8 g+ C6 m4 }10.开发环境基本配置7 k2 o# ]5 U$ I c. |" V
11.构建环境介绍
" f) m# Z: C# @& \+ A12.提取css成单独文件
4 s B( ?% i* R T% }) I1 W13.css兼容性处理$ t3 G& c% |/ B
14.压缩css- r3 e3 G$ a0 S2 x: K- W7 J4 P
15.js语法检查eslint; Y Q. U/ M; _5 F- P& w/ ]6 {2 {* `
16.js兼容性处理eslint
, V- g, d: c+ V+ \7 c* ^17.压缩html和js Q9 |$ t5 V3 {) ^6 @
18.生产环境基本配置
% X5 S" c: L( E. L1 g+ l+ c- v19.性能优化介绍
4 _2 {2 p! ^7 A' z1 q! z$ u7 b t20.HMR
% }1 g2 I9 ^8 V, j& W% N21.source-map
7 ~6 X/ K0 _6 q2 ?# ?22.oneOf
' S( y. X( S$ \3 W, v( O0 M% }23.缓存; D$ Y0 K5 M* t# M0 Z6 g4 l, `# l
24.tree shaking% R& a4 c( p$ g5 U2 ]; f
25.code split5 ^7 j7 h: c/ H7 @8 N) Z
26.懒加载和预加载
, [6 e8 U. C5 x" B1 W27.PWA/ o) X( x9 Z! j8 S0 n2 N8 _* ^
28.多进程打包+ D* {5 @8 k P' X, d
29.externals4 B" v8 m- B+ A
30.dll
1 u2 A* n- R. F! u* e31.性能优化总结, t( u1 \0 s9 T' c4 G& Y
32.webpack配置详解介绍
: K# h+ Q! A3 G3 Y, C, A2 H33.详细配置之entry
, x+ V+ \, ~ T1 c0 J, t* {8 u34.详细配置之output( {' @* Y; j+ H0 B" P) W
35.详细配置之module
" ?4 t1 d& x* [% P1 h. ~36.详细配置之resolve/ \' U$ C9 \- S4 ^6 r9 _
37.详细配置之devServer
0 t1 P* [0 k+ Z3 M! z* v38.详细配置之optimization" L7 _. {1 a6 T+ Z: ~4 S
39.webpack5介绍和使用. b3 O2 \4 o+ A1 R( G O* s) h
40.总结webpack
% r; B" l! _ y0 j$ m( [ + z1 J8 k+ _( I2 p
|
|