|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!. F, O; j4 P% t/ j* ]
课程目录:$ h- T: V3 s& g* c/ a
01.课程介绍
4 v9 Q8 L! }% E7 G8 W9 s02.webpack简介
; o4 o& |% x9 `/ ]3 d d- X$ b03.webpack五个核心概念3 a/ A g- f0 E1 k( p
04.webpack的初体验
: w' S2 B& w* W05.打包样式资源% `! D$ q' W9 v! a5 \2 f/ }
06.打包html资源% ^$ C% r6 _7 N
07.打包图片资源
m# ]7 B6 `) i- w% \08.打包其他资源. @4 @; g) \+ T/ K0 u! r. h
09.devServer
' V, Y4 F t; x" I10.开发环境基本配置
6 I8 F2 D7 C6 s' E11.构建环境介绍
5 J: Q( t. ?9 O E5 w12.提取css成单独文件& U: V9 `5 }% e
13.css兼容性处理( X. s! ]4 N9 J( u& |; R3 U. O
14.压缩css
( ]& Q$ M/ J: b, s1 r15.js语法检查eslint
1 J& ~/ m% q I8 _9 p16.js兼容性处理eslint
0 n, f6 A6 |+ _, d, b& I9 S17.压缩html和js
: L! Q" q' m6 }0 w1 X" a/ T- p18.生产环境基本配置/ H3 v/ \! L# N3 O7 L3 p
19.性能优化介绍
+ v; z; u* K; J, n& g& P20.HMR
8 R3 e) r+ C2 w& l ~: E21.source-map1 c% |6 }2 C4 j. j# `. l1 T! X
22.oneOf
0 A5 B' @5 G/ z: w0 L- P, }9 b23.缓存. {' } r8 E0 ~+ T2 w7 d5 e
24.tree shaking/ L3 M* G$ | C2 o$ @
25.code split9 C( l$ K1 L0 \, \8 s
26.懒加载和预加载
2 ]8 z) @' e: b9 [27.PWA9 V0 ~0 R& `: r+ ]1 f* [. f
28.多进程打包
6 M0 @: \" z( Y2 V6 P/ u) {29.externals# N+ g4 T6 P5 v0 w7 ]8 q7 F$ p
30.dll
, G* e$ o2 r& v5 z: t8 q7 z3 }7 `31.性能优化总结( @7 d9 c+ r) X5 T
32.webpack配置详解介绍; H( V/ B/ ~4 a+ [4 r+ Q$ w1 o3 R
33.详细配置之entry# G2 E/ l3 C, g+ x: i% e
34.详细配置之output. _: c, M7 |. l. d( t, R' V. T
35.详细配置之module' D ~! K- V' D6 j
36.详细配置之resolve0 [6 n( w9 n9 M/ E
37.详细配置之devServer
, u% o+ n( U" q+ d, \% }$ U38.详细配置之optimization
+ U# D6 Q' k% H( @0 [* z6 v39.webpack5介绍和使用
4 V6 A' M9 B- W0 j# m40.总结webpack
0 |) u9 k$ ?0 `, K9 H4 l, K! r6 R
- K; @% D+ W3 i* O( v0 g
|
|