|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!( F* i2 N+ w0 ]: `9 x4 B$ O
课程目录:
- Y o; v# _2 c _% s01.课程介绍" b% T4 w3 G1 Y
02.webpack简介! i' r* L5 m! V
03.webpack五个核心概念. J# \, l8 ^+ `9 J
04.webpack的初体验
" X4 H8 z. @0 L8 P e# {1 Q9 s05.打包样式资源' k1 q" T! s* C" e2 P
06.打包html资源
0 p5 w8 @' L+ ]0 r9 \07.打包图片资源
* G! B1 u6 s* y4 Y. r08.打包其他资源
( A( g. C. G- {- k+ b, L, E09.devServer# |+ r; I1 L- s1 [$ q
10.开发环境基本配置
9 S$ O2 V9 W. j11.构建环境介绍
! }! n( z5 p3 a8 k$ I" C12.提取css成单独文件
4 }& h* g& H. s/ M4 `9 u0 f4 N13.css兼容性处理" b# \- f: G* o% Y- O. R
14.压缩css( V5 u! L: q) s' m2 [
15.js语法检查eslint
. n3 |0 w2 b5 o o16.js兼容性处理eslint
# B: d& q0 l. E* d17.压缩html和js' H. k3 k# M0 W' K) J3 k0 p* ? R
18.生产环境基本配置2 S$ m. h0 e% [6 c! G9 W1 I* M
19.性能优化介绍
5 J$ }8 e- F1 G20.HMR; l$ ^$ n- P! w& u1 w
21.source-map# \/ t$ K$ t6 F
22.oneOf
0 P+ z4 a9 R0 I# _+ {23.缓存
$ g- t: l9 R7 I/ A# ?3 C+ b. Q24.tree shaking, J6 _# q* y2 U/ r/ K2 W+ p
25.code split
# H: N' l0 k H8 m+ p26.懒加载和预加载
5 e! V) @9 i+ S: d27.PWA
( m: O% |! l4 X; {: N1 m28.多进程打包3 F& I4 x0 x% O1 K& [6 b' i8 Y
29.externals$ `$ {& B- A* R+ }3 p& @- n; G
30.dll
+ d: g' e3 Q8 d1 J' q5 o: M31.性能优化总结( u0 }$ _1 Z5 X& ~( u
32.webpack配置详解介绍8 B. S( j( S' G1 \7 a
33.详细配置之entry8 L' G, ~" J5 o/ x- [- z7 [
34.详细配置之output x/ L1 i) t2 V. y" z) R
35.详细配置之module
7 k9 p( c, j, q! l36.详细配置之resolve
3 n3 J" z) m# {6 ^' i2 Z; N; J37.详细配置之devServer+ N9 Z7 z6 z; o8 Y
38.详细配置之optimization( w$ _; J/ D$ m2 s/ @7 q, @
39.webpack5介绍和使用$ B# j/ X; z% t! r" e$ o2 q
40.总结webpack
: H# [( U2 B- |/ A U
3 F8 Z& y3 o% w
|
|