|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!: i9 G! y' F' Z4 V, t: J4 `7 ~
课程目录:
9 e1 p/ ~. m* z: ]. ~7 d9 g1 Z01.课程介绍7 m# f& N% S h- i$ Z ?
02.webpack简介" u! `) w! M) ^ F+ h
03.webpack五个核心概念
( b1 y( h% [. k6 I9 d4 V04.webpack的初体验
( `8 n# ]+ N4 F/ I( n( b05.打包样式资源+ a2 b' s9 s% I
06.打包html资源
- g; p; f! P( k! c# N07.打包图片资源
4 k* S# z, r/ i$ j08.打包其他资源5 ?7 Q% }, @' c8 Y
09.devServer
( l. @5 b8 s8 ]- j! ?6 n10.开发环境基本配置
$ S0 b1 ?" r6 w% ?+ }% J" |11.构建环境介绍( x* @. l, h. U- N# x
12.提取css成单独文件/ c6 t1 j1 ~; x- b! s
13.css兼容性处理7 {2 O% Q& z4 E. V* }
14.压缩css
% a& y m3 Z6 F: Q% ]; d i: g15.js语法检查eslint
' }( L6 d$ n5 ^1 }+ f16.js兼容性处理eslint. f# p8 K/ C% C* r
17.压缩html和js2 D% |+ V* L2 C: a+ A
18.生产环境基本配置
( @* V) y' }% x5 s/ [3 f" F19.性能优化介绍( ~, g4 w8 Q# c* x
20.HMR
: D8 R! V) h8 \21.source-map
/ w# k& f: { k- d22.oneOf9 A5 r* f+ W& x8 Q/ O9 O* Y3 m
23.缓存
/ \# U9 H. m) S% o2 I24.tree shaking3 u, S) ?0 t) D1 c5 T, W8 U
25.code split
: L/ z$ I. a! Y9 f26.懒加载和预加载
2 W6 S/ ]: Y* W: ~27.PWA
, _( o4 z, r P$ X28.多进程打包
- c. z" Y9 o* a29.externals: Z4 H! X: m, W! p
30.dll0 i1 F/ |, G7 ^' s; ]
31.性能优化总结+ U7 T% S8 ^- a2 C I( U" e
32.webpack配置详解介绍' ~7 E( m3 p2 [9 M2 p* M4 N- ~& \
33.详细配置之entry
: J+ h! v: b+ e' u34.详细配置之output* _! `# P3 @% J8 P
35.详细配置之module
) s1 }/ J( w: G( T7 v36.详细配置之resolve
4 ]: R' L _8 p: w' k37.详细配置之devServer6 |9 }2 A8 Y% T9 o3 K4 T; U
38.详细配置之optimization" F! A4 z9 w" c
39.webpack5介绍和使用3 L8 s* t6 j( _( b0 j2 Z
40.总结webpack' f# U! `6 s! x* y
. `* G, F2 I g, [/ y
|
|