|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!2 T4 U) c- R; e* y1 r: G# u
课程目录:4 u, \) {& T8 q- M8 R8 J' V% Z
01.课程介绍
$ J' b0 n4 E, _* I+ p8 ?02.webpack简介
) m0 a4 F# L! k: z+ n03.webpack五个核心概念" b Z; f2 ^9 f* u- c
04.webpack的初体验
' F5 e, r: p+ o& U05.打包样式资源% j6 p6 p5 }% H0 U0 V. F* l
06.打包html资源, m6 N9 B1 S* T" w$ [5 U+ X6 [; t
07.打包图片资源& u% m- M. L* t8 ` ?( L @
08.打包其他资源
" y/ `! t1 V& I) \09.devServer+ D5 {" M7 Y% k; [# ]4 p _% z% `5 [
10.开发环境基本配置 V# s) z) z& a0 @
11.构建环境介绍+ A) h% j+ v" e# ?
12.提取css成单独文件6 i/ u8 t, N x2 `4 ^
13.css兼容性处理3 i- R8 G# k7 @3 p m% X7 m" X2 @
14.压缩css7 i2 ?" ~" \. g3 Z3 h3 t5 @
15.js语法检查eslint
& m% M1 U( f$ ]6 S: x& W16.js兼容性处理eslint6 d- ?" p; l* x
17.压缩html和js$ d& ~, }' V5 b
18.生产环境基本配置0 D6 E! ?& f$ v- I7 \
19.性能优化介绍
- l. a4 o$ L+ m$ s# c20.HMR
3 i* Y, C2 k2 f7 V3 \( S1 h21.source-map+ s' W9 s- K8 T$ L- }# o: _& r
22.oneOf
/ {3 V: h' G5 c. d/ X6 s6 E, e23.缓存
$ I4 q# j# _, B) b9 T ^24.tree shaking; E6 `3 c% k, x/ Z
25.code split
& h5 s, W, k! `9 Y26.懒加载和预加载
% \6 T- V4 P4 V) x27.PWA
4 g& @! [& T$ x* D: @" U# J28.多进程打包
' M2 M7 V7 a. W29.externals% r$ O" \# V0 s" E5 M6 t. h9 K6 [6 w3 I
30.dll
, A: j4 B3 B' O: s31.性能优化总结( y2 ~% t. T8 V, S d+ e/ i
32.webpack配置详解介绍
" h7 a: Q7 @6 @; T. j" {2 x33.详细配置之entry0 E* O1 r5 L8 A+ C9 \& z2 t
34.详细配置之output. B0 C" U4 K( u9 b
35.详细配置之module
@$ } u2 K( r* m36.详细配置之resolve+ y% B4 n- U5 _/ L4 v# q! U
37.详细配置之devServer$ a1 C2 N; N0 e9 q1 Z8 z
38.详细配置之optimization% T1 V9 Z6 l9 W1 T; X% f+ |
39.webpack5介绍和使用5 z& [, S' Q& }! m ?, J9 k9 D
40.总结webpack0 F. R- N5 c/ ~# g+ q$ T" f
h9 ]3 r: [2 x7 B2 G0 J
|
|