|
|
本套课程适合具备一定nodejs基础及项目经验的前端工程师学习,课程重点讲解了webpack配置参数、开发环境配置、生产环境配置、企业级的优化环境配置,并全面介绍了webpack5的震撼新特性!涉及到知识点有:tree shaking、code spilt、caching、HMR、PWA、lazy loading、prefetch、Dll等核心配置。课程总计40集,近600分钟,含学习中需要的代码和课件!满足你对webpack的所有想象,帮助你从不懂webpack的小白变身成轻松配置webpack的大神!0 H+ ^5 Q% \2 y* `/ K% E
课程目录:$ t u R" {( `! e6 q9 R1 r
01.课程介绍9 S m: S& @7 h _
02.webpack简介
, M2 [4 {# L* i0 H M! A4 G03.webpack五个核心概念' Y! C1 [6 z5 A: G' \4 u
04.webpack的初体验% @- H& i' R8 S
05.打包样式资源 P8 G: Q, A0 E% E4 a
06.打包html资源
+ H6 y5 K( p; k0 @07.打包图片资源- d9 I/ e, h! F; }
08.打包其他资源
& i: f4 |, t7 ?! y09.devServer5 b% `" e. O" M& Q# L
10.开发环境基本配置
: q- B( H' b. a% _ K. }8 s; _11.构建环境介绍
+ I7 y/ d" y7 d) T* b. _4 E12.提取css成单独文件( Z+ _/ Z$ `: k0 r! K
13.css兼容性处理
( R3 b- @+ z7 b% I14.压缩css) i4 c3 f& U7 \2 K* s' U' A7 F" P
15.js语法检查eslint7 H9 \7 M |5 B" p! L+ r
16.js兼容性处理eslint# p+ c ~# W3 H6 g8 N# O/ J( X
17.压缩html和js% a C: v+ a' `4 _7 y# q8 n* X
18.生产环境基本配置
7 O9 f& ?2 s0 l) [8 U6 \ B v* T19.性能优化介绍
* t1 v" ?, v" a* G6 C/ w0 O20.HMR
5 [7 |3 F0 h6 {" H3 Y3 _21.source-map3 Y1 ?" _* f* ^
22.oneOf
, j0 c5 k& B; _% D3 z" a23.缓存
) R- w$ r8 I: L24.tree shaking1 k+ y0 M( I& E/ E
25.code split
], \& P9 p. D; D/ T# o: L26.懒加载和预加载
% G' E5 v/ I6 d# o. Q" ]8 c27.PWA$ q9 t) ^7 E m( O* J/ { y) U
28.多进程打包( t# k1 P( G4 Z3 x* t9 A3 r& u
29.externals
0 @2 \$ @. n- k p7 \30.dll
0 Z1 u2 A% |/ O1 n& o' Q31.性能优化总结* Y- u% S( T& C- D' H" ~/ a
32.webpack配置详解介绍
2 f9 M: l* T% n/ o# e' `0 |0 A% E33.详细配置之entry6 ^: E' |1 j: T% [: o7 u
34.详细配置之output
/ `) K1 A7 {5 G% ?# U35.详细配置之module
8 W3 z; ]; V! W; J* m" D+ G! @36.详细配置之resolve, n$ {. X" S) v+ ~% i1 k$ p/ M
37.详细配置之devServer
1 J3 Y$ X9 F( o$ L) ~# Y! g4 ]38.详细配置之optimization; s; y/ V! v& ~8 S+ }3 r7 y2 U
39.webpack5介绍和使用
& ~" D- [( @- P6 s: ~40.总结webpack
5 S. y, I9 {& S6 ?% a0 u) @' |5 c
8 r6 ^; n( m4 y c, b
|
|