|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
2 S/ D( u% i6 z' \9 C课程目录:$ O& ?* ?' A* A" T
01.课程介绍' P* B1 y/ Z: i& a. l9 P# b
02.webpack简介' S5 U8 P! V: F! Q# [" @
03.webpack五个核心概念
) V. r# b2 o9 n6 _04.webpack的初体验. o4 H& q6 ^/ J, j' d" U
05.打包样式资源# H- W: W1 N! k5 Z7 _. _
06.打包html资源
0 c) y! O7 D1 T# `# ^07.打包图片资源
3 k* @6 o3 A1 O, l$ E08.打包其他资源
3 ]% ]9 Q( z" ?" g09.devServer
$ q* G5 i3 [% v8 a10.开发环境基本配置
# P+ ~7 c# d3 u" Q) u11.构建环境介绍+ z. O1 k- {& Y; C8 w* F
12.提取css成单独文件
3 T" _1 U% N- u, _2 n; x j13.css兼容性处理 ?; R- y: N% m" g) |) |) D6 m
14.压缩css% t# c1 U# h3 D6 L! ?
15.js语法检查eslint0 ]2 K8 h" M' H0 S2 a, _- n9 |# `# p# i
16.js兼容性处理eslint
3 ~* D8 q- V: [; n% y17.压缩html和js9 k" `2 I, B+ b9 p. Z
18.生产环境基本配置 o, ]1 k) k; s5 F" l
19.性能优化介绍: ` ~" r4 v" ]$ ]
20.HMR
& t: M; S; M) Y! z6 @/ k$ k x21.source-map$ G0 Q1 j# g- r& f4 Q6 x) Q
22.oneOf
: Y. E& G; |% Y9 m L1 k' B23.缓存
7 q/ [9 h" C3 Q" u) Z24.tree shaking
- R4 |* ]5 ^. @ G0 K25.code split% I7 ~( D; u& K- h) S
26.懒加载和预加载8 {8 k, i, t* q7 V- t$ X
27.PWA
3 @. b0 v7 Q2 Z) d" W28.多进程打包
% |: R& v& @) N29.externals S6 M7 Z8 z: p7 p1 Y
30.dll! _7 ~9 h/ p V( b B
31.性能优化总结
& t% j- z5 ]8 i% h; x9 t32.webpack配置详解介绍1 P; t% C# |3 r f0 Z7 g/ V3 G7 s
33.详细配置之entry
0 e6 c4 B& u' B" x/ S0 Q34.详细配置之output
/ J' _6 f3 r$ D0 ?35.详细配置之module7 {) D3 G# K3 G! e. l
36.详细配置之resolve0 g, K u( n" O" X; p
37.详细配置之devServer
* C5 ^6 V' Q9 y3 E' ~! P4 Q38.详细配置之optimization, g6 |5 @5 i& g% s- A
39.webpack5介绍和使用
% d( B! j5 K" P" u( H' s6 J40.总结webpack
5 A ]$ d* @8 r" t% c) H ' L, E6 t" X/ L0 f) ]8 m, R
|
|