|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!6 O( ~0 a& e1 _0 N8 i" u
课程目录:" _5 X% t: f: g/ p; c
01.课程介绍
% C3 s E5 m4 o5 v- z- A02.webpack简介
! d) r8 `$ L, e' D4 d8 Z8 ?" v9 }* d* s03.webpack五个核心概念
( B8 I3 C7 u9 N8 O0 W7 y7 `04.webpack的初体验
8 Q, x* u, I, z5 h* W05.打包样式资源4 t% m: T' K- C+ v
06.打包html资源
1 ^ G! E5 |8 _7 \07.打包图片资源; s" {. S& }5 w x8 \4 f
08.打包其他资源" M" V, b# p- d# f5 Q( m" f
09.devServer
1 [, D8 Q) r/ _ I6 V5 T10.开发环境基本配置
' k: }) q0 n1 j1 {& m# ^11.构建环境介绍* ]! s9 i2 N4 a, N. h
12.提取css成单独文件3 U s5 m9 [7 q- U
13.css兼容性处理! w% y5 V# K8 Z6 B; m+ t
14.压缩css8 k9 A3 t9 A `+ r6 u
15.js语法检查eslint
1 b% V7 h3 e, s4 \- }16.js兼容性处理eslint
- [) s u5 b) X$ H17.压缩html和js
- {7 \+ F. Y3 P s18.生产环境基本配置
9 i4 P4 n f, y: N* V19.性能优化介绍1 t* H0 G, y- `! U8 B K
20.HMR$ P* K6 s' L7 C* a$ b+ e4 x9 F( f
21.source-map
' M6 q) n: j! |/ z! y6 V( J22.oneOf$ w% Z; u9 x9 q( q( ]2 Z3 t
23.缓存
/ d' @* p+ o9 c; R- r7 B24.tree shaking
$ _* A9 M( |7 y* R5 k25.code split7 O9 a6 g @/ t6 e" g
26.懒加载和预加载$ E j7 a" E; `/ E# J
27.PWA
* i, I" d5 u! ^+ ^' p28.多进程打包0 E+ u. s+ w! X& n
29.externals1 \- M5 z4 U5 E5 S+ H/ v: R
30.dll
: A% b! Q- G0 O0 G31.性能优化总结8 q f" K' ?: Y! `& R0 }+ i
32.webpack配置详解介绍0 l+ x( o9 M; H
33.详细配置之entry
( T2 R/ P1 |2 S" w3 |$ D34.详细配置之output3 }* O5 r+ s2 c
35.详细配置之module
2 k% b3 x! f& y) N36.详细配置之resolve
4 W7 ~/ S5 c* m4 ?- H" [37.详细配置之devServer1 I7 E' f M& c
38.详细配置之optimization- d& ]8 d8 O' W8 y
39.webpack5介绍和使用 L" i6 j' \2 s. H( R6 @
40.总结webpack y; I! Y1 x! u( G
5 C" R" T' o8 L+ i( W) Y3 [! Y, `4 Z
|
|