|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!
& q, Z+ m9 J$ [$ A5 ~. f$ o课程目录:* }! z7 q9 e) a5 c8 l: Y9 q
01.课程介绍# u5 T# P h# d s3 `+ F% O0 M
02.webpack简介0 j3 o7 `% x. n7 ]( Y' g
03.webpack五个核心概念$ }2 ]0 _2 f" C
04.webpack的初体验" |. Q/ J) x+ [7 V+ ~+ |4 y. J
05.打包样式资源$ W3 D7 r: T% ?. I4 y" e
06.打包html资源
2 W2 ~& g/ M3 b5 y t- Z& R07.打包图片资源0 `- P7 z8 N# B$ U2 O
08.打包其他资源% q; v: D+ g8 l9 |: O" T. \
09.devServer
( t7 L6 P+ o1 `% E1 P1 z10.开发环境基本配置% T5 K. b1 m4 F. U
11.构建环境介绍
6 b# P5 j% g2 y; q7 d12.提取css成单独文件 K5 }1 a% m$ y! N
13.css兼容性处理
2 Q1 Q5 H' |0 b; z1 |8 c14.压缩css8 h4 p. |, I* C( a4 z% u
15.js语法检查eslint( g7 P N7 O8 ]* y s; b
16.js兼容性处理eslint# p1 E# |% v" W) |& {
17.压缩html和js9 F1 |/ r& ^: }) y: _( A: N- c
18.生产环境基本配置3 \6 K: {+ }+ i
19.性能优化介绍
6 H) w( x# r$ u" h7 d# L: w20.HMR
7 j( d5 A; [( i- W21.source-map0 U {; l, l7 Q7 N/ o
22.oneOf) ?6 J% _" I' R0 d2 R" G
23.缓存& s: X2 k2 b2 S9 l
24.tree shaking
* m6 X" o. D% Q. w# a7 _9 Y& Y+ ? y. \9 {25.code split
2 N& [& J5 \2 M' c+ N$ D26.懒加载和预加载
: n# Y0 o5 J, @! J27.PWA8 D& @3 l4 s, t5 n2 ^, Y! z
28.多进程打包2 W0 s' {2 I, i7 g
29.externals
* n; t# m# n5 B% ^' p) I7 T30.dll/ g8 K5 `8 P: S r; K+ X! x
31.性能优化总结5 Z8 ^- S4 H& X' w1 h s6 Z
32.webpack配置详解介绍
9 ] w5 T( ?3 s+ A. N3 g5 U) d33.详细配置之entry) T* T8 R4 b/ G p" _# K3 z
34.详细配置之output; a! o+ c; C8 f4 a6 @# l6 B- B u1 j
35.详细配置之module
/ h0 J# u) x! x) `2 I# |36.详细配置之resolve* O3 t2 |6 g' u6 M
37.详细配置之devServer
7 Q" w1 M+ \3 h( L* m) T% f38.详细配置之optimization4 i5 ^# ^0 [1 I7 g& t4 f3 c
39.webpack5介绍和使用! [ `: b! Z0 T. b, D$ K4 \2 |+ Z
40.总结webpack2 t# F6 I6 Z1 D. I2 v/ b$ K
0 \1 s+ b- p" ?
|
|